@devqubit/ui 0.1.10-beta-1 → 0.1.10

package/dist/index.js

@@ -1,106 +1,106 @@
-import Rr, { useState as O, useEffect as xe, useContext as wr, useCallback as be, createContext as Er, useRef as br, forwardRef as He } from "react";
-import { useLocation as ls, Link as q, useSearchParams as Oe, useParams as Xe, useNavigate as os, Navigate as ds, createBrowserRouter as us, RouterProvider as hs } from "react-router-dom";
-var ke = { exports: {} }, pe = {};
-var Nr;
-function xs() {
-  if (Nr) return pe;
-  Nr = 1;
-  var s = Rr, n = /* @__PURE__ */ Symbol.for("react.element"), t = /* @__PURE__ */ Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(a, u, x) {
-    var g, f = {}, R = null, K = null;
-    x !== void 0 && (R = "" + x), u.key !== void 0 && (R = "" + u.key), u.ref !== void 0 && (K = u.ref);
-    for (g in u) i.call(u, g) && !o.hasOwnProperty(g) && (f[g] = u[g]);
-    if (a && a.defaultProps) for (g in u = a.defaultProps, u) f[g] === void 0 && (f[g] = u[g]);
-    return { $$typeof: n, type: a, key: R, ref: K, props: f, _owner: d.current };
+import yr, { useState as U, useEffect as We, useContext as Rr, useCallback as me, createContext as wr, useRef as vr, forwardRef as Ve } from "react";
+import { useLocation as is, Link as M, useSearchParams as Ce, useParams as Ye, useNavigate as cs, Navigate as ls, createBrowserRouter as os, RouterProvider as ds } from "react-router-dom";
+var Se = { exports: {} }, ue = {};
+var br;
+function us() {
+  if (br) return ue;
+  br = 1;
+  var s = yr, n = /* @__PURE__ */ Symbol.for("react.element"), t = /* @__PURE__ */ Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(i, x, o) {
+    var p, $ = {}, _ = null, G = null;
+    o !== void 0 && (_ = "" + o), x.key !== void 0 && (_ = "" + x.key), x.ref !== void 0 && (G = x.ref);
+    for (p in x) a.call(x, p) && !h.hasOwnProperty(p) && ($[p] = x[p]);
+    if (i && i.defaultProps) for (p in x = i.defaultProps, x) $[p] === void 0 && ($[p] = x[p]);
+    return { $$typeof: n, type: i, key: _, ref: G, props: $, _owner: d.current };
   }
-  return pe.Fragment = t, pe.jsx = m, pe.jsxs = m, pe;
-}
-var ge = {};
-var yr;
-function ms() {
-  return yr || (yr = 1, process.env.NODE_ENV !== "production" && (function() {
-    var s = Rr, n = /* @__PURE__ */ Symbol.for("react.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), i = /* @__PURE__ */ Symbol.for("react.fragment"), d = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), m = /* @__PURE__ */ Symbol.for("react.provider"), a = /* @__PURE__ */ Symbol.for("react.context"), u = /* @__PURE__ */ Symbol.for("react.forward_ref"), x = /* @__PURE__ */ Symbol.for("react.suspense"), g = /* @__PURE__ */ Symbol.for("react.suspense_list"), f = /* @__PURE__ */ Symbol.for("react.memo"), R = /* @__PURE__ */ Symbol.for("react.lazy"), K = /* @__PURE__ */ Symbol.for("react.offscreen"), w = Symbol.iterator, Q = "@@iterator";
-    function J(r) {
+  return ue.Fragment = t, ue.jsx = f, ue.jsxs = f, ue;
+}
+var he = {};
+var Nr;
+function hs() {
+  return Nr || (Nr = 1, process.env.NODE_ENV !== "production" && (function() {
+    var s = yr, n = /* @__PURE__ */ Symbol.for("react.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), a = /* @__PURE__ */ Symbol.for("react.fragment"), d = /* @__PURE__ */ Symbol.for("react.strict_mode"), h = /* @__PURE__ */ Symbol.for("react.profiler"), f = /* @__PURE__ */ Symbol.for("react.provider"), i = /* @__PURE__ */ Symbol.for("react.context"), x = /* @__PURE__ */ Symbol.for("react.forward_ref"), o = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), $ = /* @__PURE__ */ Symbol.for("react.memo"), _ = /* @__PURE__ */ Symbol.for("react.lazy"), G = /* @__PURE__ */ Symbol.for("react.offscreen"), J = Symbol.iterator, ce = "@@iterator";
+    function ge(r) {
       if (r === null || typeof r != "object")
         return null;
-      var l = w && r[w] || r[Q];
+      var l = J && r[J] || r[ce];
       return typeof l == "function" ? l : null;
     }
-    var H = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function P(r) {
+    var X = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function C(r) {
       {
-        for (var l = arguments.length, h = new Array(l > 1 ? l - 1 : 0), p = 1; p < l; p++)
-          h[p - 1] = arguments[p];
-        le("error", r, h);
+        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), j = 1; j < l; j++)
+          u[j - 1] = arguments[j];
+        ve("error", r, u);
       }
     }
-    function le(r, l, h) {
+    function ve(r, l, u) {
       {
-        var p = H.ReactDebugCurrentFrame, E = p.getStackAddendum();
-        E !== "" && (l += "%s", h = h.concat([E]));
-        var T = h.map(function(_) {
-          return String(_);
+        var j = X.ReactDebugCurrentFrame, y = j.getStackAddendum();
+        y !== "" && (l += "%s", u = u.concat([y]));
+        var R = u.map(function(N) {
+          return String(N);
         });
-        T.unshift("Warning: " + l), Function.prototype.apply.call(console[r], console, T);
+        R.unshift("Warning: " + l), Function.prototype.apply.call(console[r], console, R);
       }
     }
-    var oe = !1, Z = !1, Re = !1, we = !1, de = !1, me;
-    me = /* @__PURE__ */ Symbol.for("react.module.reference");
-    function Le(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === i || r === o || de || r === d || r === x || r === g || we || r === K || oe || Z || Re || typeof r == "object" && r !== null && (r.$$typeof === R || r.$$typeof === f || r.$$typeof === m || r.$$typeof === a || r.$$typeof === u || // This needs to include all possible module reference object
+    var le = !1, be = !1, De = !1, ke = !1, Ae = !1, w;
+    w = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function D(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === a || r === h || Ae || r === d || r === o || r === p || ke || r === G || le || be || De || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === $ || r.$$typeof === f || r.$$typeof === i || r.$$typeof === x || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === me || r.getModuleId !== void 0));
+      r.$$typeof === w || r.getModuleId !== void 0));
     }
-    function Ie(r, l, h) {
-      var p = r.displayName;
-      if (p)
-        return p;
-      var E = l.displayName || l.name || "";
-      return E !== "" ? h + "(" + E + ")" : h;
+    function Ne(r, l, u) {
+      var j = r.displayName;
+      if (j)
+        return j;
+      var y = l.displayName || l.name || "";
+      return y !== "" ? u + "(" + y + ")" : u;
     }
-    function Ee(r) {
+    function _e(r) {
       return r.displayName || "Context";
     }
-    function b(r) {
+    function W(r) {
       if (r == null)
         return null;
-      if (typeof r.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+      if (typeof r.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
         return r.displayName || r.name || null;
       if (typeof r == "string")
         return r;
       switch (r) {
-        case i:
+        case a:
           return "Fragment";
         case t:
           return "Portal";
-        case o:
+        case h:
           return "Profiler";
         case d:
           return "StrictMode";
-        case x:
+        case o:
           return "Suspense";
-        case g:
+        case p:
           return "SuspenseList";
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case a:
+          case i:
             var l = r;
-            return Ee(l) + ".Consumer";
-          case m:
-            var h = r;
-            return Ee(h._context) + ".Provider";
-          case u:
-            return Ie(r, r.render, "ForwardRef");
+            return _e(l) + ".Consumer";
           case f:
-            var p = r.displayName || null;
-            return p !== null ? p : b(r.type) || "Memo";
-          case R: {
-            var E = r, T = E._payload, _ = E._init;
+            var u = r;
+            return _e(u._context) + ".Provider";
+          case x:
+            return Ne(r, r.render, "ForwardRef");
+          case $:
+            var j = r.displayName || null;
+            return j !== null ? j : W(r.type) || "Memo";
+          case _: {
+            var y = r, R = y._payload, N = y._init;
             try {
-              return b(_(T));
+              return W(N(R));
             } catch {
               return null;
             }
@@ -108,18 +108,18 @@ function ms() {
         }
       return null;
     }
-    var C = Object.assign, se = 0, je, Te, ne, er, rr, sr, nr;
-    function tr() {
+    var ee = Object.assign, oe = 0, He, Xe, Qe, Ze, er, rr, sr;
+    function nr() {
     }
-    tr.__reactDisabledLog = !0;
-    function Or() {
+    nr.__reactDisabledLog = !0;
+    function Ar() {
       {
-        if (se === 0) {
-          je = console.log, Te = console.info, ne = console.warn, er = console.error, rr = console.group, sr = console.groupCollapsed, nr = console.groupEnd;
+        if (oe === 0) {
+          He = console.log, Xe = console.info, Qe = console.warn, Ze = console.error, er = console.group, rr = console.groupCollapsed, sr = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
-            value: tr,
+            value: nr,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -132,332 +132,332 @@ function ms() {
             groupEnd: r
           });
         }
-        se++;
+        oe++;
       }
     }
-    function $r() {
+    function Or() {
       {
-        if (se--, se === 0) {
+        if (oe--, oe === 0) {
           var r = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: C({}, r, {
-              value: je
+            log: ee({}, r, {
+              value: He
+            }),
+            info: ee({}, r, {
+              value: Xe
             }),
-            info: C({}, r, {
-              value: Te
+            warn: ee({}, r, {
+              value: Qe
             }),
-            warn: C({}, r, {
-              value: ne
+            error: ee({}, r, {
+              value: Ze
             }),
-            error: C({}, r, {
+            group: ee({}, r, {
               value: er
             }),
-            group: C({}, r, {
+            groupCollapsed: ee({}, r, {
               value: rr
             }),
-            groupCollapsed: C({}, r, {
+            groupEnd: ee({}, r, {
               value: sr
-            }),
-            groupEnd: C({}, r, {
-              value: nr
             })
           });
         }
-        se < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        oe < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ue = H.ReactCurrentDispatcher, Me;
-    function Ce(r, l, h) {
+    var Oe = X.ReactCurrentDispatcher, Fe;
+    function ye(r, l, u) {
       {
-        if (Me === void 0)
+        if (Fe === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var p = E.stack.trim().match(/\n( *(at )?)/);
-            Me = p && p[1] || "";
+          } catch (y) {
+            var j = y.stack.trim().match(/\n( *(at )?)/);
+            Fe = j && j[1] || "";
           }
         return `
-` + Me + r;
+` + Fe + r;
       }
     }
-    var qe = !1, Pe;
+    var $e = !1, Re;
     {
-      var Br = typeof WeakMap == "function" ? WeakMap : Map;
-      Pe = new Br();
+      var Fr = typeof WeakMap == "function" ? WeakMap : Map;
+      Re = new Fr();
     }
-    function ar(r, l) {
-      if (!r || qe)
+    function tr(r, l) {
+      if (!r || $e)
         return "";
       {
-        var h = Pe.get(r);
-        if (h !== void 0)
-          return h;
+        var u = Re.get(r);
+        if (u !== void 0)
+          return u;
       }
-      var p;
-      qe = !0;
-      var E = Error.prepareStackTrace;
+      var j;
+      $e = !0;
+      var y = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var T;
-      T = Ue.current, Ue.current = null, Or();
+      var R;
+      R = Oe.current, Oe.current = null, Ar();
       try {
         if (l) {
-          var _ = function() {
+          var N = function() {
             throw Error();
           };
-          if (Object.defineProperty(_.prototype, "props", {
+          if (Object.defineProperty(N.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(_, []);
-            } catch (M) {
-              p = M;
+              Reflect.construct(N, []);
+            } catch (L) {
+              j = L;
             }
-            Reflect.construct(r, [], _);
+            Reflect.construct(r, [], N);
           } else {
             try {
-              _.call();
-            } catch (M) {
-              p = M;
+              N.call();
+            } catch (L) {
+              j = L;
             }
-            r.call(_.prototype);
+            r.call(N.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (M) {
-            p = M;
+          } catch (L) {
+            j = L;
           }
           r();
         }
-      } catch (M) {
-        if (M && p && typeof M.stack == "string") {
-          for (var v = M.stack.split(`
-`), U = p.stack.split(`
-`), S = v.length - 1, A = U.length - 1; S >= 1 && A >= 0 && v[S] !== U[A]; )
-            A--;
-          for (; S >= 1 && A >= 0; S--, A--)
-            if (v[S] !== U[A]) {
-              if (S !== 1 || A !== 1)
+      } catch (L) {
+        if (L && j && typeof L.stack == "string") {
+          for (var g = L.stack.split(`
+`), I = j.stack.split(`
+`), E = g.length - 1, T = I.length - 1; E >= 1 && T >= 0 && g[E] !== I[T]; )
+            T--;
+          for (; E >= 1 && T >= 0; E--, T--)
+            if (g[E] !== I[T]) {
+              if (E !== 1 || T !== 1)
                 do
-                  if (S--, A--, A < 0 || v[S] !== U[A]) {
-                    var Y = `
-` + v[S].replace(" at new ", " at ");
-                    return r.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", r.displayName)), typeof r == "function" && Pe.set(r, Y), Y;
+                  if (E--, T--, T < 0 || g[E] !== I[T]) {
+                    var z = `
+` + g[E].replace(" at new ", " at ");
+                    return r.displayName && z.includes("<anonymous>") && (z = z.replace("<anonymous>", r.displayName)), typeof r == "function" && Re.set(r, z), z;
                   }
-                while (S >= 1 && A >= 0);
+                while (E >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        qe = !1, Ue.current = T, $r(), Error.prepareStackTrace = E;
+        $e = !1, Oe.current = R, Or(), Error.prepareStackTrace = y;
       }
-      var he = r ? r.displayName || r.name : "", te = he ? Ce(he) : "";
-      return typeof r == "function" && Pe.set(r, te), te;
+      var ie = r ? r.displayName || r.name : "", re = ie ? ye(ie) : "";
+      return typeof r == "function" && Re.set(r, re), re;
     }
-    function Lr(r, l, h) {
-      return ar(r, !1);
+    function $r(r, l, u) {
+      return tr(r, !1);
     }
-    function Ir(r) {
+    function Br(r) {
       var l = r.prototype;
       return !!(l && l.isReactComponent);
     }
-    function Se(r, l, h) {
+    function we(r, l, u) {
       if (r == null)
         return "";
       if (typeof r == "function")
-        return ar(r, Ir(r));
+        return tr(r, Br(r));
       if (typeof r == "string")
-        return Ce(r);
+        return ye(r);
       switch (r) {
-        case x:
-          return Ce("Suspense");
-        case g:
-          return Ce("SuspenseList");
+        case o:
+          return ye("Suspense");
+        case p:
+          return ye("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case u:
-            return Lr(r.render);
-          case f:
-            return Se(r.type, l, h);
-          case R: {
-            var p = r, E = p._payload, T = p._init;
+          case x:
+            return $r(r.render);
+          case $:
+            return we(r.type, l, u);
+          case _: {
+            var j = r, y = j._payload, R = j._init;
             try {
-              return Se(T(E), l, h);
+              return we(R(y), l, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var fe = Object.prototype.hasOwnProperty, ir = {}, cr = H.ReactDebugCurrentFrame;
-    function De(r) {
+    var de = Object.prototype.hasOwnProperty, ar = {}, ir = X.ReactDebugCurrentFrame;
+    function Ee(r) {
       if (r) {
-        var l = r._owner, h = Se(r.type, r._source, l ? l.type : null);
-        cr.setExtraStackFrame(h);
+        var l = r._owner, u = we(r.type, r._source, l ? l.type : null);
+        ir.setExtraStackFrame(u);
       } else
-        cr.setExtraStackFrame(null);
+        ir.setExtraStackFrame(null);
     }
-    function Ur(r, l, h, p, E) {
+    function Ir(r, l, u, j, y) {
       {
-        var T = Function.call.bind(fe);
-        for (var _ in r)
-          if (T(r, _)) {
-            var v = void 0;
+        var R = Function.call.bind(de);
+        for (var N in r)
+          if (R(r, N)) {
+            var g = void 0;
             try {
-              if (typeof r[_] != "function") {
-                var U = Error((p || "React class") + ": " + h + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw U.name = "Invariant Violation", U;
+              if (typeof r[N] != "function") {
+                var I = Error((j || "React class") + ": " + u + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw I.name = "Invariant Violation", I;
               }
-              v = r[_](l, _, p, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (S) {
-              v = S;
+              g = r[N](l, N, j, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (E) {
+              g = E;
             }
-            v && !(v instanceof Error) && (De(E), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", h, _, typeof v), De(null)), v instanceof Error && !(v.message in ir) && (ir[v.message] = !0, De(E), P("Failed %s type: %s", h, v.message), De(null));
+            g && !(g instanceof Error) && (Ee(y), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", j || "React class", u, N, typeof g), Ee(null)), g instanceof Error && !(g.message in ar) && (ar[g.message] = !0, Ee(y), C("Failed %s type: %s", u, g.message), Ee(null));
           }
       }
     }
-    var Mr = Array.isArray;
-    function Ge(r) {
-      return Mr(r);
+    var Lr = Array.isArray;
+    function Be(r) {
+      return Lr(r);
     }
-    function qr(r) {
+    function Ur(r) {
       {
-        var l = typeof Symbol == "function" && Symbol.toStringTag, h = l && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return h;
+        var l = typeof Symbol == "function" && Symbol.toStringTag, u = l && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return u;
       }
     }
-    function Gr(r) {
+    function Mr(r) {
       try {
-        return lr(r), !1;
+        return cr(r), !1;
       } catch {
         return !0;
       }
     }
-    function lr(r) {
+    function cr(r) {
       return "" + r;
     }
-    function or(r) {
-      if (Gr(r))
-        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qr(r)), lr(r);
+    function lr(r) {
+      if (Mr(r))
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ur(r)), cr(r);
     }
-    var dr = H.ReactCurrentOwner, Vr = {
+    var or = X.ReactCurrentOwner, qr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ur, hr;
-    function Wr(r) {
-      if (fe.call(r, "ref")) {
+    }, dr, ur;
+    function Gr(r) {
+      if (de.call(r, "ref")) {
         var l = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (l && l.isReactWarning)
           return !1;
       }
       return r.ref !== void 0;
     }
-    function Yr(r) {
-      if (fe.call(r, "key")) {
+    function Wr(r) {
+      if (de.call(r, "key")) {
         var l = Object.getOwnPropertyDescriptor(r, "key").get;
         if (l && l.isReactWarning)
           return !1;
       }
       return r.key !== void 0;
     }
-    function zr(r, l) {
-      typeof r.ref == "string" && dr.current;
+    function Vr(r, l) {
+      typeof r.ref == "string" && or.current;
     }
-    function Kr(r, l) {
+    function Yr(r, l) {
       {
-        var h = function() {
-          ur || (ur = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        var u = function() {
+          dr || (dr = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
-        h.isReactWarning = !0, Object.defineProperty(r, "key", {
-          get: h,
+        u.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: u,
           configurable: !0
         });
       }
     }
-    function Jr(r, l) {
+    function zr(r, l) {
       {
-        var h = function() {
-          hr || (hr = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        var u = function() {
+          ur || (ur = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
-        h.isReactWarning = !0, Object.defineProperty(r, "ref", {
-          get: h,
+        u.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: u,
           configurable: !0
         });
       }
     }
-    var Hr = function(r, l, h, p, E, T, _) {
-      var v = {
+    var Kr = function(r, l, u, j, y, R, N) {
+      var g = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: r,
         key: l,
-        ref: h,
-        props: _,
+        ref: u,
+        props: N,
         // Record the component responsible for creating this element.
-        _owner: T
+        _owner: R
       };
-      return v._store = {}, Object.defineProperty(v._store, "validated", {
+      return g._store = {}, Object.defineProperty(g._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(v, "_self", {
+      }), Object.defineProperty(g, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: p
-      }), Object.defineProperty(v, "_source", {
+        value: j
+      }), Object.defineProperty(g, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+        value: y
+      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     };
-    function Xr(r, l, h, p, E) {
+    function Jr(r, l, u, j, y) {
       {
-        var T, _ = {}, v = null, U = null;
-        h !== void 0 && (or(h), v = "" + h), Yr(l) && (or(l.key), v = "" + l.key), Wr(l) && (U = l.ref, zr(l, E));
-        for (T in l)
-          fe.call(l, T) && !Vr.hasOwnProperty(T) && (_[T] = l[T]);
+        var R, N = {}, g = null, I = null;
+        u !== void 0 && (lr(u), g = "" + u), Wr(l) && (lr(l.key), g = "" + l.key), Gr(l) && (I = l.ref, Vr(l, y));
+        for (R in l)
+          de.call(l, R) && !qr.hasOwnProperty(R) && (N[R] = l[R]);
         if (r && r.defaultProps) {
-          var S = r.defaultProps;
-          for (T in S)
-            _[T] === void 0 && (_[T] = S[T]);
+          var E = r.defaultProps;
+          for (R in E)
+            N[R] === void 0 && (N[R] = E[R]);
         }
-        if (v || U) {
-          var A = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          v && Kr(_, A), U && Jr(_, A);
+        if (g || I) {
+          var T = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          g && Yr(N, T), I && zr(N, T);
         }
-        return Hr(r, v, U, E, p, dr.current, _);
+        return Kr(r, g, I, y, j, or.current, N);
       }
     }
-    var Ve = H.ReactCurrentOwner, xr = H.ReactDebugCurrentFrame;
-    function ue(r) {
+    var Ie = X.ReactCurrentOwner, hr = X.ReactDebugCurrentFrame;
+    function ae(r) {
       if (r) {
-        var l = r._owner, h = Se(r.type, r._source, l ? l.type : null);
-        xr.setExtraStackFrame(h);
+        var l = r._owner, u = we(r.type, r._source, l ? l.type : null);
+        hr.setExtraStackFrame(u);
       } else
-        xr.setExtraStackFrame(null);
+        hr.setExtraStackFrame(null);
     }
-    var We;
-    We = !1;
-    function Ye(r) {
+    var Le;
+    Le = !1;
+    function Ue(r) {
       return typeof r == "object" && r !== null && r.$$typeof === n;
     }
-    function mr() {
+    function xr() {
       {
-        if (Ve.current) {
-          var r = b(Ve.current.type);
+        if (Ie.current) {
+          var r = W(Ie.current.type);
           if (r)
             return `
 
@@ -466,18 +466,18 @@ Check the render method of \`` + r + "`.";
         return "";
       }
     }
-    function Qr(r) {
+    function Hr(r) {
       return "";
     }
-    var jr = {};
-    function Zr(r) {
+    var mr = {};
+    function Xr(r) {
       {
-        var l = mr();
+        var l = xr();
         if (!l) {
-          var h = typeof r == "string" ? r : r.displayName || r.name;
-          h && (l = `
+          var u = typeof r == "string" ? r : r.displayName || r.name;
+          u && (l = `
 
-Check the top-level render call using <` + h + ">.");
+Check the top-level render call using <` + u + ">.");
         }
         return l;
       }
@@ -487,136 +487,136 @@ Check the top-level render call using <` + h + ">.");
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var h = Zr(l);
-        if (jr[h])
+        var u = Xr(l);
+        if (mr[u])
           return;
-        jr[h] = !0;
-        var p = "";
-        r && r._owner && r._owner !== Ve.current && (p = " It was passed a child from " + b(r._owner.type) + "."), ue(r), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, p), ue(null);
+        mr[u] = !0;
+        var j = "";
+        r && r._owner && r._owner !== Ie.current && (j = " It was passed a child from " + W(r._owner.type) + "."), ae(r), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, j), ae(null);
       }
     }
-    function pr(r, l) {
+    function jr(r, l) {
       {
         if (typeof r != "object")
           return;
-        if (Ge(r))
-          for (var h = 0; h < r.length; h++) {
-            var p = r[h];
-            Ye(p) && fr(p, l);
+        if (Be(r))
+          for (var u = 0; u < r.length; u++) {
+            var j = r[u];
+            Ue(j) && fr(j, l);
           }
-        else if (Ye(r))
+        else if (Ue(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var E = J(r);
-          if (typeof E == "function" && E !== r.entries)
-            for (var T = E.call(r), _; !(_ = T.next()).done; )
-              Ye(_.value) && fr(_.value, l);
+          var y = ge(r);
+          if (typeof y == "function" && y !== r.entries)
+            for (var R = y.call(r), N; !(N = R.next()).done; )
+              Ue(N.value) && fr(N.value, l);
         }
       }
     }
-    function es(r) {
+    function Qr(r) {
       {
         var l = r.type;
         if (l == null || typeof l == "string")
           return;
-        var h;
+        var u;
         if (typeof l == "function")
-          h = l.propTypes;
-        else if (typeof l == "object" && (l.$$typeof === u || // Note: Memo only checks outer props here.
+          u = l.propTypes;
+        else if (typeof l == "object" && (l.$$typeof === x || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === f))
-          h = l.propTypes;
+        l.$$typeof === $))
+          u = l.propTypes;
         else
           return;
-        if (h) {
-          var p = b(l);
-          Ur(h, r.props, "prop", p, r);
-        } else if (l.PropTypes !== void 0 && !We) {
-          We = !0;
-          var E = b(l);
-          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+        if (u) {
+          var j = W(l);
+          Ir(u, r.props, "prop", j, r);
+        } else if (l.PropTypes !== void 0 && !Le) {
+          Le = !0;
+          var y = W(l);
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", y || "Unknown");
         }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function rs(r) {
+    function Zr(r) {
       {
-        for (var l = Object.keys(r.props), h = 0; h < l.length; h++) {
-          var p = l[h];
-          if (p !== "children" && p !== "key") {
-            ue(r), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), ue(null);
+        for (var l = Object.keys(r.props), u = 0; u < l.length; u++) {
+          var j = l[u];
+          if (j !== "children" && j !== "key") {
+            ae(r), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", j), ae(null);
             break;
           }
         }
-        r.ref !== null && (ue(r), P("Invalid attribute `ref` supplied to `React.Fragment`."), ue(null));
+        r.ref !== null && (ae(r), C("Invalid attribute `ref` supplied to `React.Fragment`."), ae(null));
       }
     }
-    var gr = {};
-    function vr(r, l, h, p, E, T) {
+    var pr = {};
+    function gr(r, l, u, j, y, R) {
       {
-        var _ = Le(r);
-        if (!_) {
-          var v = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var U = Qr();
-          U ? v += U : v += mr();
-          var S;
-          r === null ? S = "null" : Ge(r) ? S = "array" : r !== void 0 && r.$$typeof === n ? (S = "<" + (b(r.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : S = typeof r, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, v);
+        var N = D(r);
+        if (!N) {
+          var g = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (g += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var I = Hr();
+          I ? g += I : g += xr();
+          var E;
+          r === null ? E = "null" : Be(r) ? E = "array" : r !== void 0 && r.$$typeof === n ? (E = "<" + (W(r.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : E = typeof r, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, g);
         }
-        var A = Xr(r, l, h, E, T);
-        if (A == null)
-          return A;
-        if (_) {
-          var Y = l.children;
-          if (Y !== void 0)
-            if (p)
-              if (Ge(Y)) {
-                for (var he = 0; he < Y.length; he++)
-                  pr(Y[he], r);
-                Object.freeze && Object.freeze(Y);
+        var T = Jr(r, l, u, y, R);
+        if (T == null)
+          return T;
+        if (N) {
+          var z = l.children;
+          if (z !== void 0)
+            if (j)
+              if (Be(z)) {
+                for (var ie = 0; ie < z.length; ie++)
+                  jr(z[ie], r);
+                Object.freeze && Object.freeze(z);
               } else
-                P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              pr(Y, r);
+              jr(z, r);
         }
-        if (fe.call(l, "key")) {
-          var te = b(r), M = Object.keys(l).filter(function(cs) {
-            return cs !== "key";
-          }), ze = M.length > 0 ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!gr[te + ze]) {
-            var is = M.length > 0 ? "{" + M.join(": ..., ") + ": ...}" : "{}";
-            P(`A props object containing a "key" prop is being spread into JSX:
+        if (de.call(l, "key")) {
+          var re = W(r), L = Object.keys(l).filter(function(as) {
+            return as !== "key";
+          }), Me = L.length > 0 ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!pr[re + Me]) {
+            var ts = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
+            C(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ze, te, is, te), gr[te + ze] = !0;
+  <%s key={someKey} {...props} />`, Me, re, ts, re), pr[re + Me] = !0;
           }
         }
-        return r === i ? rs(A) : es(A), A;
+        return r === a ? Zr(T) : Qr(T), T;
       }
     }
-    function ss(r, l, h) {
-      return vr(r, l, h, !0);
+    function es(r, l, u) {
+      return gr(r, l, u, !0);
     }
-    function ns(r, l, h) {
-      return vr(r, l, h, !1);
+    function rs(r, l, u) {
+      return gr(r, l, u, !1);
     }
-    var ts = ns, as = ss;
-    ge.Fragment = i, ge.jsx = ts, ge.jsxs = as;
-  })()), ge;
+    var ss = rs, ns = es;
+    he.Fragment = a, he.jsx = ss, he.jsxs = ns;
+  })()), he;
 }
 var _r;
-function js() {
-  return _r || (_r = 1, process.env.NODE_ENV === "production" ? ke.exports = xs() : ke.exports = ms()), ke.exports;
+function xs() {
+  return _r || (_r = 1, process.env.NODE_ENV === "production" ? Se.exports = us() : Se.exports = hs()), Se.exports;
 }
-var e = js();
-class Ne extends Error {
+var e = xs();
+class fe extends Error {
   constructor(n, t) {
     super(t), this.status = n, this.name = "ApiError";
   }
 }
-class fs {
+class ms {
   baseUrl;
   headers;
   constructor(n = {}) {
@@ -625,27 +625,27 @@ class fs {
       ...n.headers
     };
   }
-  async request(n, t, i = {}) {
+  async request(n, t, a = {}) {
     let d = `${this.baseUrl}${t}`;
-    if (i.params) {
-      const m = new URLSearchParams();
-      Object.entries(i.params).forEach(([u, x]) => {
-        x != null && x !== "" && m.set(u, String(x));
+    if (a.params) {
+      const f = new URLSearchParams();
+      Object.entries(a.params).forEach(([x, o]) => {
+        o != null && o !== "" && f.set(x, String(o));
       });
-      const a = m.toString();
-      a && (d += `?${a}`);
+      const i = f.toString();
+      i && (d += `?${i}`);
     }
-    const o = await fetch(d, {
+    const h = await fetch(d, {
       method: n,
       headers: this.headers,
-      body: i.body ? JSON.stringify(i.body) : void 0
+      body: a.body ? JSON.stringify(a.body) : void 0
     });
-    if (!o.ok) {
-      const m = await o.json().catch(() => ({ detail: "Unknown error" }));
-      throw new Ne(o.status, m.detail || o.statusText);
+    if (!h.ok) {
+      const f = await h.json().catch(() => ({ detail: "Unknown error" }));
+      throw new fe(h.status, f.detail || h.statusText);
     }
-    if (!(o.status === 204 || o.headers.get("content-length") === "0"))
-      return o.json();
+    if (!(h.status === 204 || h.headers.get("content-length") === "0"))
+      return h.json();
   }
   async getCapabilities() {
     return this.request("GET", "/api/v1/capabilities");
@@ -685,56 +685,56 @@ class fs {
     return `${this.baseUrl}/api/runs/${n}/artifacts/${t}/raw`;
   }
 }
-const ps = new fs(), Tr = Er(null);
-function gs({
+const fs = new ms(), Er = wr(null);
+function js({
   children: s,
-  api: n = ps,
+  api: n = fs,
   initialWorkspace: t = null
 }) {
-  const [i, d] = O(null), [o, m] = O(t);
-  return xe(() => {
+  const [a, d] = U(null), [h, f] = U(t);
+  return We(() => {
     n.getCapabilities().then(d).catch(console.error);
-  }, [n]), /* @__PURE__ */ e.jsx(Tr.Provider, { value: { api: n, capabilities: i, currentWorkspace: o, setCurrentWorkspace: m }, children: s });
+  }, [n]), /* @__PURE__ */ e.jsx(Er.Provider, { value: { api: n, capabilities: a, currentWorkspace: h, setCurrentWorkspace: f }, children: s });
 }
-function W() {
-  const s = wr(Tr);
+function Y() {
+  const s = Rr(Er);
   if (!s) throw new Error("useApp must be used within AppProvider");
   return s;
 }
-function ie(s, n = []) {
-  const [t, i] = O({
+function ne(s, n = []) {
+  const [t, a] = U({
     data: null,
     loading: !0,
     error: null
-  }), d = br(!0), o = br(s);
-  o.current = s;
-  const m = be(async () => {
-    i((a) => ({ ...a, loading: !0, error: null }));
+  }), d = vr(!0), h = vr(s);
+  h.current = s;
+  const f = me(async () => {
+    a((i) => ({ ...i, loading: !0, error: null }));
     try {
-      const a = await o.current();
-      d.current && i({ data: a, loading: !1, error: null });
-    } catch (a) {
-      d.current && i({
+      const i = await h.current();
+      d.current && a({ data: i, loading: !1, error: null });
+    } catch (i) {
+      d.current && a({
         data: null,
         loading: !1,
-        error: a instanceof Ne ? a : new Ne(500, String(a))
+        error: i instanceof fe ? i : new fe(500, String(i))
       });
     }
   }, []);
-  return xe(() => (d.current = !0, m(), () => {
+  return We(() => (d.current = !0, f(), () => {
     d.current = !1;
-  }), n), { ...t, refetch: m };
+  }), n), { ...t, refetch: f };
 }
-function Cr(s) {
-  const { api: n, currentWorkspace: t } = W();
-  return ie(
+function Sr(s) {
+  const { api: n, currentWorkspace: t } = Y();
+  return ne(
     () => n.listRuns({ ...s, workspace: t?.id }),
     [n, t?.id, s?.project, s?.status, s?.q, s?.limit]
   );
 }
 function Pr(s) {
-  const { api: n } = W();
-  return ie(
+  const { api: n } = Y();
+  return ne(
     async () => {
       const { run: t } = await n.getRun(s);
       return t;
@@ -742,9 +742,9 @@ function Pr(s) {
     [n, s]
   );
 }
-function $e() {
-  const { api: s, currentWorkspace: n } = W();
-  return ie(
+function ze() {
+  const { api: s, currentWorkspace: n } = Y();
+  return ne(
     async () => {
       const { projects: t } = await s.listProjects({ workspace: n?.id });
       return t;
@@ -752,150 +752,150 @@ function $e() {
     [s, n?.id]
   );
 }
-function vs(s) {
-  const { api: n, currentWorkspace: t } = W();
-  return ie(
+function ps(s) {
+  const { api: n, currentWorkspace: t } = Y();
+  return ne(
     async () => {
-      const { groups: i } = await n.listGroups({ ...s, workspace: t?.id });
-      return i;
+      const { groups: a } = await n.listGroups({ ...s, workspace: t?.id });
+      return a;
     },
     [n, t?.id, s?.project]
   );
 }
-function bs(s) {
-  const { api: n } = W();
-  return ie(
+function gs(s) {
+  const { api: n } = Y();
+  return ne(
     () => n.getGroup(s),
     [n, s]
   );
 }
-function Ns(s, n) {
-  const { api: t } = W();
-  return ie(
+function vs(s, n) {
+  const { api: t } = Y();
+  return ne(
     () => t.getDiff(s, n),
     [t, s, n]
   );
 }
-function ys(s, n) {
-  const { api: t } = W();
-  return ie(
+function bs(s, n) {
+  const { api: t } = Y();
+  return ne(
     () => t.getArtifact(s, n),
     [t, s, n]
   );
 }
-function ye(s) {
-  const [n, t] = O(!1), [i, d] = O(null);
-  return { mutate: be(async (...m) => {
+function je(s) {
+  const [n, t] = U(!1), [a, d] = U(null);
+  return { mutate: me(async (...f) => {
     t(!0), d(null);
     try {
-      return await s(...m);
-    } catch (a) {
-      const u = a instanceof Ne ? a : new Ne(500, String(a));
-      throw d(u), u;
+      return await s(...f);
+    } catch (i) {
+      const x = i instanceof fe ? i : new fe(500, String(i));
+      throw d(x), x;
     } finally {
       t(!1);
     }
-  }, [s]), loading: n, error: i };
+  }, [s]), loading: n, error: a };
 }
-function z(s) {
+function K(s) {
   return s?.slice(0, 8) ?? "";
 }
-function Ke(s) {
+function qe(s) {
   return s?.slice(0, 12) ?? "N/A";
 }
-function Fe(s) {
-  const n = new Date(s), i = Math.floor(((/* @__PURE__ */ new Date()).getTime() - n.getTime()) / 1e3);
-  if (i < 60) return "just now";
-  if (i < 3600) {
-    const o = Math.floor(i / 60);
-    return `${o} minute${o !== 1 ? "s" : ""} ago`;
+function Te(s) {
+  const n = new Date(s), a = Math.floor(((/* @__PURE__ */ new Date()).getTime() - n.getTime()) / 1e3);
+  if (a < 60) return "just now";
+  if (a < 3600) {
+    const h = Math.floor(a / 60);
+    return `${h} minute${h !== 1 ? "s" : ""} ago`;
   }
-  if (i < 86400) {
-    const o = Math.floor(i / 3600);
-    return `${o} hour${o !== 1 ? "s" : ""} ago`;
+  if (a < 86400) {
+    const h = Math.floor(a / 3600);
+    return `${h} hour${h !== 1 ? "s" : ""} ago`;
   }
-  if (i < 2592e3) {
-    const o = Math.floor(i / 86400);
-    return `${o} day${o !== 1 ? "s" : ""} ago`;
+  if (a < 2592e3) {
+    const h = Math.floor(a / 86400);
+    return `${h} day${h !== 1 ? "s" : ""} ago`;
   }
-  if (i < 31536e3) {
-    const o = Math.floor(i / 2592e3);
-    return `${o} month${o !== 1 ? "s" : ""} ago`;
+  if (a < 31536e3) {
+    const h = Math.floor(a / 2592e3);
+    return `${h} month${h !== 1 ? "s" : ""} ago`;
   }
-  const d = Math.floor(i / 31536e3);
+  const d = Math.floor(a / 31536e3);
   return `${d} year${d !== 1 ? "s" : ""} ago`;
 }
-function _s(s, n = 6) {
+function Ns(s, n = 6) {
   return typeof s != "number" || isNaN(s) ? String(s) : Number(s.toPrecision(n)).toString();
 }
-function Ae(s) {
+function Pe(s) {
   return s < 1024 ? `${s} bytes` : s < 1048576 ? `${(s / 1024).toFixed(1)} KB` : `${(s / 1048576).toFixed(1)} MB`;
 }
-function Rs(s) {
+function _s(s) {
   return JSON.stringify(s, null, 2);
 }
-function ws(s, n = 60) {
+function ys(s, n = 60) {
   return s ? s.length <= n ? s : s.slice(0, n - 3) + "..." : "";
 }
-function Vs(s, n) {
+function Ws(s, n) {
   const t = new URLSearchParams();
-  Object.entries(n).forEach(([d, o]) => {
-    o != null && o !== "" && t.set(d, String(o));
+  Object.entries(n).forEach(([d, h]) => {
+    h != null && h !== "" && t.set(d, String(h));
   });
-  const i = t.toString();
-  return i ? `${s}?${i}` : s;
+  const a = t.toString();
+  return a ? `${s}?${a}` : s;
 }
-function $(...s) {
+function A(...s) {
   return s.filter(Boolean).join(" ");
 }
-const Es = [
+const Rs = [
   { href: "/runs", label: "Runs", matchPaths: ["/runs"] },
   { href: "/projects", label: "Projects", matchPaths: ["/projects"] },
   { href: "/groups", label: "Groups", matchPaths: ["/groups"] },
   { href: "/diff", label: "Compare", matchPaths: ["/diff"] },
   { href: "/search", label: "Search", matchPaths: ["/search"] }
-], Sr = Er(null);
-function Ws({
+], Tr = wr(null);
+function Vs({
   config: s,
   children: n
 }) {
-  return /* @__PURE__ */ e.jsx(Sr.Provider, { value: s, children: n });
+  return /* @__PURE__ */ e.jsx(Tr.Provider, { value: s, children: n });
 }
-function Ts() {
-  return wr(Sr);
+function ws() {
+  return Rr(Tr);
 }
-function G({ children: s, config: n }) {
-  const t = ls(), d = { ...Ts(), ...n }, o = d?.navLinks ?? Es, m = [
+function q({ children: s, config: n }) {
+  const t = is(), d = { ...ws(), ...n }, h = d?.navLinks ?? Rs, f = [
     ...d?.prependNavLinks ?? [],
-    ...o,
+    ...h,
     ...d?.appendNavLinks ?? []
-  ], a = d?.logo ?? { text: "devqubit", icon: "⚛" }, u = (x) => x.matchPaths ? x.matchPaths.some((g) => t.pathname.startsWith(g)) : t.pathname === x.href;
-  return /* @__PURE__ */ e.jsxs("div", { className: "min-h-screen bg-gray-50", children: [
-    /* @__PURE__ */ e.jsx("header", { className: "bg-gray-900 h-14 sticky top-0 z-50 border-b border-gray-800", children: /* @__PURE__ */ e.jsxs("div", { className: "max-w-container mx-auto px-6 h-full flex items-center justify-between", children: [
+  ], i = d?.logo ?? { text: "devqubit", icon: "⚛" }, x = (o) => o.matchPaths ? o.matchPaths.some((p) => t.pathname.startsWith(p)) : t.pathname === o.href;
+  return /* @__PURE__ */ e.jsxs("div", { className: "min-h-screen bg-primary-bg", children: [
+    /* @__PURE__ */ e.jsx("header", { className: "bg-gray-900 h-14 sticky top-0 z-50", children: /* @__PURE__ */ e.jsxs("div", { className: "max-w-container mx-auto px-6 h-full flex items-center justify-between", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-8", children: [
-        /* @__PURE__ */ e.jsxs(q, { to: "/", className: "text-lg font-semibold text-primary hover:text-primary-light flex items-center gap-2 transition-colors hover:no-underline", children: [
-          a.icon && /* @__PURE__ */ e.jsx("span", { className: "text-xl", children: a.icon }),
-          a.text
+        /* @__PURE__ */ e.jsxs(M, { to: "/", className: "text-lg font-bold text-primary hover:text-primary-light flex items-center gap-1.5", children: [
+          i.icon && /* @__PURE__ */ e.jsx("span", { children: i.icon }),
+          i.text
         ] }),
-        /* @__PURE__ */ e.jsx("nav", { className: "flex gap-1", children: m.map((x) => /* @__PURE__ */ e.jsx(
-          q,
+        /* @__PURE__ */ e.jsx("nav", { className: "flex gap-1", children: f.map((o) => /* @__PURE__ */ e.jsx(
+          M,
           {
-            to: x.href,
-            className: $(
-              "px-3 py-1.5 rounded-md text-sm font-medium transition-all duration-150 hover:no-underline",
-              u(x) ? "text-white bg-white/10" : "text-gray-400 hover:text-white hover:bg-white/5"
+            to: o.href,
+            className: A(
+              "px-3 py-2 rounded-md text-sm font-medium transition-all",
+              x(o) ? "text-white bg-primary/20" : "text-gray-400 hover:text-white hover:bg-white/10"
             ),
-            children: x.label
+            children: o.label
           },
-          x.href
+          o.href
         )) })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-4", children: d?.headerRight })
     ] }) }),
-    /* @__PURE__ */ e.jsx("main", { className: "max-w-container mx-auto p-6 fade-in", children: s })
+    /* @__PURE__ */ e.jsx("main", { className: "max-w-container mx-auto p-6", children: s })
   ] });
 }
-function _e({ title: s, subtitle: n, actions: t }) {
+function pe({ title: s, subtitle: n, actions: t }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between mb-6 gap-4 flex-wrap", children: [
     /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx("h1", { className: "text-2xl font-semibold text-gray-900 flex items-center gap-2 flex-wrap", children: s }),
@@ -904,22 +904,22 @@ function _e({ title: s, subtitle: n, actions: t }) {
     t && /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: t })
   ] });
 }
-function B({ variant: s = "gray", className: n, children: t, ...i }) {
-  return /* @__PURE__ */ e.jsx("span", { className: $("badge", `badge-${s}`, n), ...i, children: t });
+function B({ variant: s = "gray", className: n, children: t, ...a }) {
+  return /* @__PURE__ */ e.jsx("span", { className: A("badge", `badge-${s}`, n), ...a, children: t });
 }
-const F = He(
-  ({ variant: s = "secondary", size: n = "default", loading: t, className: i, children: d, disabled: o, ...m }, a) => /* @__PURE__ */ e.jsxs(
+const k = Ve(
+  ({ variant: s = "secondary", size: n = "default", loading: t, className: a, children: d, disabled: h, ...f }, i) => /* @__PURE__ */ e.jsxs(
     "button",
     {
-      ref: a,
-      className: $(
+      ref: i,
+      className: A(
         "btn",
         s === "ghost-danger" ? "btn-ghost-danger" : `btn-${s}`,
         n === "sm" && "btn-sm",
-        i
+        a
       ),
-      disabled: o || t,
-      ...m,
+      disabled: h || t,
+      ...f,
       children: [
         t && /* @__PURE__ */ e.jsx(V, {}),
         d
@@ -927,100 +927,93 @@ const F = He(
     }
   )
 );
-F.displayName = "Button";
-function N({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("div", { className: $("card", s), ...t, children: n });
+k.displayName = "Button";
+function v({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("div", { className: A("card", s), ...t, children: n });
 }
-function D({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("div", { className: $("card-header", s), ...t, children: n });
+function S({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("div", { className: A("card-header", s), ...t, children: n });
 }
-function k({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("h3", { className: $("card-title", s), ...t, children: n });
+function P({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("h3", { className: A("card-title", s), ...t, children: n });
 }
-function Ys({ variant: s = "info", className: n, children: t, ...i }) {
-  return /* @__PURE__ */ e.jsx("div", { className: $("alert", `alert-${s}`, n), ...i, children: t });
+function Ys({ variant: s = "info", className: n, children: t, ...a }) {
+  return /* @__PURE__ */ e.jsx("div", { className: A("alert", `alert-${s}`, n), ...a, children: t });
 }
 function V({ className: s, ...n }) {
-  return /* @__PURE__ */ e.jsx("span", { className: $("spinner", s), ...n });
+  return /* @__PURE__ */ e.jsx("span", { className: A("spinner", s), ...n });
 }
-function ce({ message: s, hint: n, className: t, ...i }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: $("empty-state", t), ...i, children: [
+function te({ message: s, hint: n, className: t, ...a }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: A("empty-state", t), ...a, children: [
     /* @__PURE__ */ e.jsx("p", { children: s }),
     n && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-2", children: n })
   ] });
 }
-function Je({ items: s, className: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("dl", { className: $("kv-list", n), ...t, children: s.map(({ label: i, value: d }) => /* @__PURE__ */ e.jsxs("div", { className: "contents", children: [
-    /* @__PURE__ */ e.jsx("dt", { children: i }),
+function Ge({ items: s, className: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("dl", { className: A("kv-list", n), ...t, children: s.map(({ label: a, value: d }) => /* @__PURE__ */ e.jsxs("div", { className: "contents", children: [
+    /* @__PURE__ */ e.jsx("dt", { children: a }),
     /* @__PURE__ */ e.jsx("dd", { children: d })
-  ] }, i)) });
+  ] }, a)) });
 }
-function Dr({ open: s, onClose: n, title: t, children: i, actions: d }) {
+function Es({ open: s, onClose: n, title: t, children: a, actions: d }) {
   return s ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: $("modal-backdrop", s && "active"),
-      onClick: (o) => o.target === o.currentTarget && n(),
-      children: /* @__PURE__ */ e.jsxs("div", { className: "modal", onClick: (o) => o.stopPropagation(), children: [
+      className: A("modal-backdrop", s && "active"),
+      onClick: (h) => h.target === h.currentTarget && n(),
+      children: /* @__PURE__ */ e.jsxs("div", { className: "modal", onClick: (h) => h.stopPropagation(), children: [
         /* @__PURE__ */ e.jsx("h3", { className: "modal-title", children: t }),
-        /* @__PURE__ */ e.jsx("div", { className: "modal-body", children: i }),
+        /* @__PURE__ */ e.jsx("div", { className: "modal-body", children: a }),
         d && /* @__PURE__ */ e.jsx("div", { className: "modal-actions", children: d })
       ] })
     }
   ) : null;
 }
-function Be({ message: s, variant: n = "info", visible: t, onClose: i }) {
+function Ss({ message: s, variant: n = "info", visible: t, onClose: a }) {
   if (!t) return null;
   const d = {
-    success: "✓",
-    error: "✕",
-    info: "i"
-  }[n], o = {
-    success: "text-[#059669]",
-    error: "text-[#DC4A4A]",
-    info: "text-[#2563EB]"
+    success: "bg-success-bg text-[#065f46] border-[#a7f3d0]",
+    error: "bg-danger-bg text-[#991b1b] border-[#fecaca]",
+    info: "bg-info-bg text-[#1e40af] border-[#bfdbfe]"
   }[n];
-  return /* @__PURE__ */ e.jsxs("div", { className: "toast", onClick: i, children: [
-    /* @__PURE__ */ e.jsx("span", { className: $("mr-2 font-bold", o), children: d }),
-    s
-  ] });
+  return /* @__PURE__ */ e.jsx("div", { className: A("toast", d), onClick: a, children: s });
 }
-function X({ children: s, className: n }) {
-  return /* @__PURE__ */ e.jsx("div", { className: $("form-group", n), children: s });
+function H({ children: s, className: n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: A("form-group", n), children: s });
 }
-function re({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("label", { className: $("form-label", s), ...t, children: n });
+function Z({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("label", { className: A("form-label", s), ...t, children: n });
 }
-const Qe = He(
-  ({ className: s, ...n }, t) => /* @__PURE__ */ e.jsx("input", { ref: t, className: $("form-input", s), ...n })
+const Ke = Ve(
+  ({ className: s, ...n }, t) => /* @__PURE__ */ e.jsx("input", { ref: t, className: A("form-input", s), ...n })
 );
-Qe.displayName = "Input";
-const ae = He(
-  ({ className: s, children: n, ...t }, i) => /* @__PURE__ */ e.jsx("select", { ref: i, className: $("form-input", s), ...t, children: n })
+Ke.displayName = "Input";
+const se = Ve(
+  ({ className: s, children: n, ...t }, a) => /* @__PURE__ */ e.jsx("select", { ref: a, className: A("form-input", s), ...t, children: n })
 );
-ae.displayName = "Select";
-function kr({ children: s, className: n }) {
-  return /* @__PURE__ */ e.jsx("div", { className: $("form-row", n), children: s });
+se.displayName = "Select";
+function Cr({ children: s, className: n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: A("form-row", n), children: s });
 }
-function L({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("table", { className: $("table", s), ...t, children: n });
+function O({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("table", { className: A("table", s), ...t, children: n });
 }
-function ee({ className: s, children: n, ...t }) {
+function Q({ className: s, children: n, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { className: s, ...t, children: n });
 }
-function I({ className: s, children: n, ...t }) {
+function F({ className: s, children: n, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { className: s, ...t, children: n });
 }
-function j({ className: s, children: n, ...t }) {
+function m({ className: s, children: n, ...t }) {
   return /* @__PURE__ */ e.jsx("tr", { className: s, ...t, children: n });
 }
-function y({ className: s, children: n, ...t }) {
+function b({ className: s, children: n, ...t }) {
   return /* @__PURE__ */ e.jsx("th", { className: s, ...t, children: n });
 }
 function c({ className: s, children: n, ...t }) {
   return /* @__PURE__ */ e.jsx("td", { className: s, ...t, children: n });
 }
-function Ar({ status: s }) {
+function Dr({ status: s }) {
   const n = {
     FINISHED: "success",
     FAILED: "danger",
@@ -1029,122 +1022,85 @@ function Ar({ status: s }) {
   }[s];
   return /* @__PURE__ */ e.jsx(B, { variant: n, children: s });
 }
-function Ze({ runs: s, onDelete: n, loading: t, emptyHint: i, baselineRunId: d }) {
-  const [o, m] = O(null), a = () => {
-    o && n && (n(o.run_id), m(null));
-  };
-  return s.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs(L, { children: [
-      /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-        /* @__PURE__ */ e.jsx(y, { children: "Run ID" }),
-        /* @__PURE__ */ e.jsx(y, { children: "Name" }),
-        /* @__PURE__ */ e.jsx(y, { children: "Project" }),
-        /* @__PURE__ */ e.jsx(y, { children: "Status" }),
-        /* @__PURE__ */ e.jsx(y, { children: "Created" }),
-        /* @__PURE__ */ e.jsx(y, { children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ e.jsx(I, { children: s.map((u) => /* @__PURE__ */ e.jsxs(j, { children: [
-        /* @__PURE__ */ e.jsxs(c, { children: [
-          /* @__PURE__ */ e.jsx(q, { to: `/runs/${u.run_id}`, className: "font-mono", children: z(u.run_id) }),
-          u.run_id === d && /* @__PURE__ */ e.jsx(B, { variant: "info", className: "ml-2", children: "Baseline" })
-        ] }),
-        /* @__PURE__ */ e.jsx(c, { children: u.run_name || "—" }),
-        /* @__PURE__ */ e.jsx(c, { children: u.project }),
-        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Ar, { status: u.status }) }),
-        /* @__PURE__ */ e.jsx(c, { className: "text-muted", children: Fe(u.created_at) }),
-        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ e.jsx(q, { to: `/runs/${u.run_id}`, children: /* @__PURE__ */ e.jsx(F, { variant: "secondary", size: "sm", children: "View" }) }),
-          n && /* @__PURE__ */ e.jsx(
-            F,
-            {
-              variant: "ghost-danger",
-              size: "sm",
-              onClick: () => m(u),
-              disabled: t,
-              children: "Delete"
-            }
-          )
-        ] }) })
-      ] }, u.run_id)) })
-    ] }),
-    /* @__PURE__ */ e.jsxs(
-      Dr,
-      {
-        open: !!o,
-        onClose: () => m(null),
-        title: "Delete Run",
-        actions: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(F, { variant: "secondary", onClick: () => m(null), children: "Cancel" }),
-          /* @__PURE__ */ e.jsxs(F, { variant: "danger", onClick: a, disabled: t, children: [
-            t && /* @__PURE__ */ e.jsx(V, {}),
-            "Delete"
-          ] })
-        ] }),
-        children: [
-          /* @__PURE__ */ e.jsx("p", { children: "Are you sure you want to delete this run?" }),
-          o && /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm mt-2", children: z(o.run_id) }),
-          /* @__PURE__ */ e.jsx("p", { className: "text-sm text-danger mt-2", children: "This action cannot be undone." })
-        ]
-      }
-    )
+function Je({ runs: s, onDelete: n, loading: t, emptyHint: a }) {
+  return s.length ? /* @__PURE__ */ e.jsxs(O, { children: [
+    /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
+      /* @__PURE__ */ e.jsx(b, { children: "Run ID" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Name" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Project" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Status" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Created" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Actions" })
+    ] }) }),
+    /* @__PURE__ */ e.jsx(F, { children: s.map((d) => /* @__PURE__ */ e.jsxs(m, { children: [
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(M, { to: `/runs/${d.run_id}`, className: "font-mono", children: K(d.run_id) }) }),
+      /* @__PURE__ */ e.jsx(c, { children: d.run_name || "—" }),
+      /* @__PURE__ */ e.jsx(c, { children: d.project }),
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Dr, { status: d.status }) }),
+      /* @__PURE__ */ e.jsx(c, { className: "text-muted", children: Te(d.created_at) }),
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ e.jsx(M, { to: `/runs/${d.run_id}`, children: /* @__PURE__ */ e.jsx(k, { variant: "secondary", size: "sm", children: "View" }) }),
+        n && /* @__PURE__ */ e.jsx(
+          k,
+          {
+            variant: "ghost-danger",
+            size: "sm",
+            onClick: () => {
+              confirm(`Delete run ${K(d.run_id)}? This cannot be undone.`) && n(d.run_id);
+            },
+            disabled: t,
+            children: "Delete"
+          }
+        )
+      ] }) })
+    ] }, d.run_id)) })
   ] }) : /* @__PURE__ */ e.jsx(
-    ce,
+    te,
     {
       message: "No runs found",
-      hint: i ?? "Try adjusting your filters"
+      hint: a ?? "Try adjusting your filters"
     }
   );
 }
-function Cs() {
-  const [s, n] = Oe(), { api: t } = W(), { data: i } = $e(), [d, o] = O(null), [m, a] = O({
+function Ps() {
+  const [s, n] = Ce(), { api: t } = Y(), { data: a } = ze(), [d, h] = U({
     project: s.get("project") || "",
     status: s.get("status") || "",
     q: s.get("q") || "",
     limit: parseInt(s.get("limit") || "25", 10)
-  }), { data: u, loading: x, refetch: g } = Cr(m), f = ye((w) => t.deleteRun(w));
-  xe(() => {
-    if (d) {
-      const w = setTimeout(() => o(null), 3e3);
-      return () => clearTimeout(w);
-    }
-  }, [d]);
-  const R = be((w, Q) => {
-    a((H) => ({ ...H, [w]: Q }));
+  }), { data: f, loading: i, refetch: x } = Sr(d), o = je((_) => t.deleteRun(_)), p = me((_, G) => {
+    h((ce) => ({ ...ce, [_]: G }));
     const J = new URLSearchParams(s);
-    Q ? J.set(w, String(Q)) : J.delete(w), n(J, { replace: !0 });
-  }, [s, n]), K = be(async (w) => {
-    try {
-      await f.mutate(w), o({ message: "Run deleted", variant: "success" }), g();
-    } catch {
-      o({ message: "Failed to delete run", variant: "error" });
-    }
-  }, [f, g]);
-  return /* @__PURE__ */ e.jsxs(G, { children: [
-    /* @__PURE__ */ e.jsx(_e, { title: "Runs" }),
-    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(kr, { children: [
-      /* @__PURE__ */ e.jsxs(X, { children: [
-        /* @__PURE__ */ e.jsx(re, { htmlFor: "project", children: "Project" }),
+    G ? J.set(_, String(G)) : J.delete(_), n(J, { replace: !0 });
+  }, [s, n]), $ = me(async (_) => {
+    await o.mutate(_), x();
+  }, [o, x]);
+  return /* @__PURE__ */ e.jsxs(q, { children: [
+    /* @__PURE__ */ e.jsx(pe, { title: "Runs" }),
+    /* @__PURE__ */ e.jsx(v, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(Cr, { children: [
+      /* @__PURE__ */ e.jsxs(H, { children: [
+        /* @__PURE__ */ e.jsx(Z, { htmlFor: "project", children: "Project" }),
         /* @__PURE__ */ e.jsxs(
-          ae,
+          se,
           {
             id: "project",
-            value: m.project,
-            onChange: (w) => R("project", w.target.value),
+            value: d.project,
+            onChange: (_) => p("project", _.target.value),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "", children: "All projects" }),
-              i?.map((w) => /* @__PURE__ */ e.jsx("option", { value: w.name, children: w.name }, w.name))
+              a?.map((_) => /* @__PURE__ */ e.jsx("option", { value: _.name, children: _.name }, _.name))
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(X, { children: [
-        /* @__PURE__ */ e.jsx(re, { htmlFor: "status", children: "Status" }),
+      /* @__PURE__ */ e.jsxs(H, { children: [
+        /* @__PURE__ */ e.jsx(Z, { htmlFor: "status", children: "Status" }),
         /* @__PURE__ */ e.jsxs(
-          ae,
+          se,
           {
             id: "status",
-            value: m.status,
-            onChange: (w) => R("status", w.target.value),
+            value: d.status,
+            onChange: (_) => p("status", _.target.value),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "", children: "All" }),
               /* @__PURE__ */ e.jsx("option", { value: "FINISHED", children: "Finished" }),
@@ -1154,26 +1110,26 @@ function Cs() {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(X, { children: [
-        /* @__PURE__ */ e.jsx(re, { htmlFor: "q", children: "Query" }),
+      /* @__PURE__ */ e.jsxs(H, { children: [
+        /* @__PURE__ */ e.jsx(Z, { htmlFor: "q", children: "Query" }),
         /* @__PURE__ */ e.jsx(
-          Qe,
+          Ke,
           {
             id: "q",
-            value: m.q,
-            onChange: (w) => R("q", w.target.value),
+            value: d.q,
+            onChange: (_) => p("q", _.target.value),
             placeholder: "metric.fidelity > 0.9"
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(X, { children: [
-        /* @__PURE__ */ e.jsx(re, { htmlFor: "limit", children: "Limit" }),
+      /* @__PURE__ */ e.jsxs(H, { children: [
+        /* @__PURE__ */ e.jsx(Z, { htmlFor: "limit", children: "Limit" }),
         /* @__PURE__ */ e.jsxs(
-          ae,
+          se,
           {
             id: "limit",
-            value: m.limit,
-            onChange: (w) => R("limit", parseInt(w.target.value, 10)),
+            value: d.limit,
+            onChange: (_) => p("limit", parseInt(_.target.value, 10)),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "25", children: "25" }),
               /* @__PURE__ */ e.jsx("option", { value: "50", children: "50" }),
@@ -1182,83 +1138,73 @@ function Cs() {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(X, { className: "flex items-end gap-2", children: [
-        /* @__PURE__ */ e.jsx(F, { variant: "primary", onClick: () => g(), children: "Filter" }),
-        x && /* @__PURE__ */ e.jsx(V, {})
+      /* @__PURE__ */ e.jsxs(H, { className: "flex items-end gap-2", children: [
+        /* @__PURE__ */ e.jsx(k, { variant: "primary", onClick: () => x(), children: "Filter" }),
+        i && /* @__PURE__ */ e.jsx(V, {})
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx(N, { children: x && !u ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(V, {}) }) : /* @__PURE__ */ e.jsx(
-      Ze,
-      {
-        runs: u?.runs ?? [],
-        onDelete: K,
-        loading: f.loading,
-        baselineRunId: m.project ? i?.find((w) => w.name === m.project)?.baseline?.run_id : void 0
-      }
-    ) }),
-    d && /* @__PURE__ */ e.jsx(
-      Be,
+    /* @__PURE__ */ e.jsx(v, { children: i && !f ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(V, {}) }) : /* @__PURE__ */ e.jsx(
+      Je,
       {
-        message: d.message,
-        variant: d.variant,
-        visible: !!d,
-        onClose: () => o(null)
+        runs: f?.runs ?? [],
+        onDelete: $,
+        loading: o.loading
       }
-    )
+    ) })
   ] });
 }
-function Ps({ projects: s, currentWorkspace: n }) {
+function Ts({ projects: s, currentWorkspace: n }) {
   if (!s.length)
     return /* @__PURE__ */ e.jsx(
-      ce,
+      te,
       {
         message: "No projects yet",
         hint: "Projects are created automatically when you log runs"
       }
     );
-  const t = (i) => {
-    const d = new URLSearchParams({ project: i });
+  const t = (a) => {
+    const d = new URLSearchParams({ project: a });
     return n && d.set("workspace", n.id), `/runs?${d}`;
   };
-  return /* @__PURE__ */ e.jsxs(L, { children: [
-    /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-      /* @__PURE__ */ e.jsx(y, { children: "Project" }),
-      /* @__PURE__ */ e.jsx(y, { children: "Runs" }),
-      /* @__PURE__ */ e.jsx(y, { children: "Baseline" }),
-      /* @__PURE__ */ e.jsx(y, {})
+  return /* @__PURE__ */ e.jsxs(O, { children: [
+    /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
+      /* @__PURE__ */ e.jsx(b, { children: "Project" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Runs" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Baseline" }),
+      /* @__PURE__ */ e.jsx(b, {})
     ] }) }),
-    /* @__PURE__ */ e.jsx(I, { children: s.map((i) => /* @__PURE__ */ e.jsxs(j, { children: [
+    /* @__PURE__ */ e.jsx(F, { children: s.map((a) => /* @__PURE__ */ e.jsxs(m, { children: [
       /* @__PURE__ */ e.jsxs(c, { children: [
-        /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: i.name }),
-        i.description && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: ws(i.description) })
+        /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: a.name }),
+        a.description && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: ys(a.description) })
       ] }),
-      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: i.run_count ?? 0 }) }),
-      /* @__PURE__ */ e.jsx(c, { children: i.baseline ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(q, { to: `/runs/${i.baseline.run_id}`, className: "font-mono text-sm", children: z(i.baseline.run_id) }),
-        i.baseline.run_name && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: i.baseline.run_name })
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: a.run_count ?? 0 }) }),
+      /* @__PURE__ */ e.jsx(c, { children: a.baseline ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(M, { to: `/runs/${a.baseline.run_id}`, className: "font-mono text-sm", children: K(a.baseline.run_id) }),
+        a.baseline.run_name && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: a.baseline.run_name })
       ] }) : /* @__PURE__ */ e.jsx("span", { className: "text-muted", children: "—" }) }),
-      /* @__PURE__ */ e.jsx(c, { className: "text-right", children: /* @__PURE__ */ e.jsx(q, { to: t(i.name), children: /* @__PURE__ */ e.jsx(F, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
-    ] }, i.name)) })
+      /* @__PURE__ */ e.jsx(c, { className: "text-right", children: /* @__PURE__ */ e.jsx(M, { to: t(a.name), children: /* @__PURE__ */ e.jsx(k, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
+    ] }, a.name)) })
   ] });
 }
-function Ss({ groups: s }) {
-  return s.length ? /* @__PURE__ */ e.jsxs(L, { children: [
-    /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-      /* @__PURE__ */ e.jsx(y, { children: "Group ID" }),
-      /* @__PURE__ */ e.jsx(y, { children: "Name" }),
-      /* @__PURE__ */ e.jsx(y, { children: "Project" }),
-      /* @__PURE__ */ e.jsx(y, { children: "Runs" }),
-      /* @__PURE__ */ e.jsx(y, { children: "Actions" })
+function Cs({ groups: s }) {
+  return s.length ? /* @__PURE__ */ e.jsxs(O, { children: [
+    /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
+      /* @__PURE__ */ e.jsx(b, { children: "Group ID" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Name" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Project" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Runs" }),
+      /* @__PURE__ */ e.jsx(b, { children: "Actions" })
     ] }) }),
-    /* @__PURE__ */ e.jsx(I, { children: s.map((n) => /* @__PURE__ */ e.jsxs(j, { children: [
-      /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: z(n.group_id) }),
+    /* @__PURE__ */ e.jsx(F, { children: s.map((n) => /* @__PURE__ */ e.jsxs(m, { children: [
+      /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: K(n.group_id) }),
       /* @__PURE__ */ e.jsx(c, { children: n.group_name || "—" }),
       /* @__PURE__ */ e.jsx(c, { children: n.project }),
       /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: n.run_count }) }),
-      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(q, { to: `/groups/${n.group_id}`, children: /* @__PURE__ */ e.jsx(F, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(M, { to: `/groups/${n.group_id}`, children: /* @__PURE__ */ e.jsx(k, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
     ] }, n.group_id)) })
   ] }) : /* @__PURE__ */ e.jsx(
-    ce,
+    te,
     {
       message: "No groups found",
       hint: "Groups are created when runs have a group_id set"
@@ -1266,325 +1212,282 @@ function Ss({ groups: s }) {
   );
 }
 function Ds() {
-  const { runId: s } = Xe(), n = os(), { api: t } = W(), { data: i, loading: d, error: o, refetch: m } = Pr(s), { data: a, refetch: u } = $e(), [x, g] = O(!1), [f, R] = O(null), { mutate: K, loading: w } = ye(
-    () => t.setBaseline(i.project, i.run_id)
-  ), { mutate: Q, loading: J } = ye(
+  const { runId: s } = Ye(), n = cs(), { api: t } = Y(), { data: a, loading: d, error: h, refetch: f } = Pr(s), [i, x] = U(!1), [o, p] = U(null), { mutate: $, loading: _ } = je(
+    () => t.setBaseline(a.project, a.run_id)
+  ), { mutate: G, loading: J } = je(
     () => t.deleteRun(s)
-  ), P = a?.find((b) => b.name === i?.project)?.baseline?.run_id === s;
-  if (xe(() => {
-    if (f) {
-      const b = setTimeout(() => R(null), 3e3);
-      return () => clearTimeout(b);
+  );
+  if (We(() => {
+    if (o) {
+      const w = setTimeout(() => p(null), 3e3);
+      return () => clearTimeout(w);
     }
-  }, [f]), d)
-    return /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(V, {}) }) });
-  if (o || !i)
-    return /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(
-      ce,
+  }, [o]), d)
+    return /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(V, {}) }) });
+  if (h || !a)
+    return /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(
+      te,
       {
         message: "Run not found",
-        hint: o?.message || `Run ${s} does not exist`
+        hint: h?.message || `Run ${s} does not exist`
       }
     ) }) });
-  const le = i.backend || {}, oe = i.fingerprints || {}, Z = i.data?.params || {}, Re = i.data?.metrics || {}, we = i.data?.tags || {}, de = i.artifacts || [], me = i.errors || [], Le = async () => {
+  const ce = a.backend || {}, ge = a.fingerprints || {}, X = a.data?.params || {}, C = a.data?.metrics || {}, ve = a.data?.tags || {}, le = a.artifacts || [], be = a.errors || [], De = async () => {
+    await $(), f();
+  }, ke = async () => {
+    await G(), n("/runs");
+  }, Ae = async (w) => {
     try {
-      await K(), await u(), m(), R({ message: "Baseline updated", variant: "success" });
+      const D = t.getArtifactDownloadUrl(a.run_id, w), Ne = await fetch(D);
+      if (!Ne.ok) throw new Error("Download failed");
+      const _e = await Ne.blob(), W = document.createElement("a");
+      W.href = URL.createObjectURL(_e), W.download = `artifact-${w}`, W.click(), URL.revokeObjectURL(W.href), p({ message: "Download started", variant: "success" });
     } catch {
-      R({ message: "Failed to set baseline", variant: "error" });
-    }
-  }, Ie = async () => {
-    try {
-      await Q(), g(!1), R({ message: "Run deleted", variant: "success" }), setTimeout(() => n("/runs"), 1e3);
-    } catch {
-      R({ message: "Failed to delete run", variant: "error" }), g(!1);
-    }
-  }, Ee = async (b) => {
-    const C = de[b];
-    try {
-      const se = t.getArtifactDownloadUrl(i.run_id, b), je = await fetch(se);
-      if (!je.ok) throw new Error("Download failed");
-      const Te = await je.blob(), ne = document.createElement("a");
-      ne.href = URL.createObjectURL(Te), ne.download = C?.kind || `artifact-${b}`, ne.click(), URL.revokeObjectURL(ne.href), R({ message: "Download started", variant: "success" });
-    } catch {
-      R({ message: "Download failed", variant: "error" });
+      p({ message: "Download failed", variant: "error" });
     }
   };
-  return /* @__PURE__ */ e.jsxs(G, { children: [
-    P && /* @__PURE__ */ e.jsxs("div", { className: "alert alert-info mb-4", children: [
-      'This run is the current baseline for project "',
-      i.project,
-      '"'
-    ] }),
+  return /* @__PURE__ */ e.jsxs(q, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "page-header", children: [
       /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx("h1", { className: "page-title", children: i.run_name || "Unnamed Run" }),
-        /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm font-mono", children: i.run_id })
+        /* @__PURE__ */ e.jsx("h1", { className: "page-title", children: a.run_name || "Unnamed Run" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm font-mono", children: a.run_id })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-        !P && /* @__PURE__ */ e.jsxs(F, { variant: "secondary", size: "sm", onClick: Le, disabled: w, children: [
-          w && /* @__PURE__ */ e.jsx(V, {}),
+        /* @__PURE__ */ e.jsxs(k, { variant: "secondary", size: "sm", onClick: De, disabled: _, children: [
+          _ && /* @__PURE__ */ e.jsx(V, {}),
           "Set as Baseline"
         ] }),
-        /* @__PURE__ */ e.jsx(F, { variant: "ghost-danger", size: "sm", onClick: () => g(!0), children: "Delete" })
+        /* @__PURE__ */ e.jsx(k, { variant: "ghost-danger", size: "sm", onClick: () => x(!0), children: "Delete" })
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Overview" }) }),
-        /* @__PURE__ */ e.jsx(Je, { items: [
-          { label: "Project", value: /* @__PURE__ */ e.jsx(q, { to: `/runs?project=${i.project}`, children: i.project }) },
-          { label: "Name", value: i.run_name || "—" },
-          { label: "Adapter", value: i.adapter || "N/A" },
-          { label: "Status", value: /* @__PURE__ */ e.jsx(Ar, { status: i.status }) },
-          { label: "Created", value: `${i.created_at} (${Fe(i.created_at)})` },
-          { label: "Backend", value: le.name || "N/A" },
-          ...i.group_id ? [{
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Overview" }) }),
+        /* @__PURE__ */ e.jsx(Ge, { items: [
+          { label: "Project", value: /* @__PURE__ */ e.jsx(M, { to: `/runs?project=${a.project}`, children: a.project }) },
+          { label: "Name", value: a.run_name || "—" },
+          { label: "Adapter", value: a.adapter || "N/A" },
+          { label: "Status", value: /* @__PURE__ */ e.jsx(Dr, { status: a.status }) },
+          { label: "Created", value: `${a.created_at} (${Te(a.created_at)})` },
+          { label: "Backend", value: ce.name || "N/A" },
+          ...a.group_id ? [{
             label: "Group",
-            value: /* @__PURE__ */ e.jsx(q, { to: `/groups/${i.group_id}`, children: i.group_name || z(i.group_id) })
+            value: /* @__PURE__ */ e.jsx(M, { to: `/groups/${a.group_id}`, children: a.group_name || K(a.group_id) })
           }] : []
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Fingerprints" }) }),
-        /* @__PURE__ */ e.jsx(Je, { items: [
-          { label: "Run", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: oe.run || "N/A" }) },
-          { label: "Program", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: oe.program || "N/A" }) }
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Fingerprints" }) }),
+        /* @__PURE__ */ e.jsx(Ge, { items: [
+          { label: "Run", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: ge.run || "N/A" }) },
+          { label: "Program", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: ge.program || "N/A" }) }
         ] })
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-4", children: [
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Parameters" }) }),
-        Object.keys(Z).length ? /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsx(I, { children: Object.entries(Z).map(([b, C]) => /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: b }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(C) })
-        ] }, b)) }) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No parameters" })
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Parameters" }) }),
+        Object.keys(X).length ? /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsx(F, { children: Object.entries(X).map(([w, D]) => /* @__PURE__ */ e.jsxs(m, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: w }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(D) })
+        ] }, w)) }) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No parameters" })
       ] }),
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Metrics" }) }),
-        Object.keys(Re).length ? /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsx(I, { children: Object.entries(Re).map(([b, C]) => /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: b }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: typeof C == "number" ? _s(C) : String(C) })
-        ] }, b)) }) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No metrics" })
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Metrics" }) }),
+        Object.keys(C).length ? /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsx(F, { children: Object.entries(C).map(([w, D]) => /* @__PURE__ */ e.jsxs(m, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: w }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: typeof D == "number" ? Ns(D) : String(D) })
+        ] }, w)) }) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No metrics" })
       ] }),
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Tags" }) }),
-        Object.keys(we).length ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: Object.entries(we).map(([b, C]) => /* @__PURE__ */ e.jsxs(B, { variant: "gray", children: [
-          b,
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Tags" }) }),
+        Object.keys(ve).length ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: Object.entries(ve).map(([w, D]) => /* @__PURE__ */ e.jsxs(B, { variant: "gray", children: [
+          w,
           ": ",
-          String(C)
-        ] }, b)) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No tags" })
+          String(D)
+        ] }, w)) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No tags" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsxs(k, { children: [
+    /* @__PURE__ */ e.jsxs(v, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsxs(P, { children: [
         "Artifacts (",
-        de.length,
+        le.length,
         ")"
       ] }) }),
-      de.length ? /* @__PURE__ */ e.jsxs(L, { children: [
-        /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(y, { children: "#" }),
-          /* @__PURE__ */ e.jsx(y, { children: "Kind" }),
-          /* @__PURE__ */ e.jsx(y, { children: "Role" }),
-          /* @__PURE__ */ e.jsx(y, { children: "Media Type" }),
-          /* @__PURE__ */ e.jsx(y, { children: "Digest" }),
-          /* @__PURE__ */ e.jsx(y, { children: "Actions" })
+      le.length ? /* @__PURE__ */ e.jsxs(O, { children: [
+        /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
+          /* @__PURE__ */ e.jsx(b, { children: "#" }),
+          /* @__PURE__ */ e.jsx(b, { children: "Kind" }),
+          /* @__PURE__ */ e.jsx(b, { children: "Role" }),
+          /* @__PURE__ */ e.jsx(b, { children: "Media Type" }),
+          /* @__PURE__ */ e.jsx(b, { children: "Digest" }),
+          /* @__PURE__ */ e.jsx(b, { children: "Actions" })
         ] }) }),
-        /* @__PURE__ */ e.jsx(I, { children: de.map((b, C) => /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: C }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: b.kind }),
-          /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: b.role }) }),
-          /* @__PURE__ */ e.jsx(c, { className: "text-muted text-sm", children: b.media_type }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: Ke(b.digest) }),
+        /* @__PURE__ */ e.jsx(F, { children: le.map((w, D) => /* @__PURE__ */ e.jsxs(m, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: D }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: w.kind }),
+          /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: w.role }) }),
+          /* @__PURE__ */ e.jsx(c, { className: "text-muted text-sm", children: w.media_type }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: qe(w.digest) }),
           /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ e.jsx(q, { to: `/runs/${i.run_id}/artifacts/${C}`, children: /* @__PURE__ */ e.jsx(F, { variant: "secondary", size: "sm", children: "View" }) }),
-            /* @__PURE__ */ e.jsx(F, { variant: "secondary", size: "sm", onClick: () => Ee(C), children: "Download" })
+            /* @__PURE__ */ e.jsx(M, { to: `/runs/${a.run_id}/artifacts/${D}`, children: /* @__PURE__ */ e.jsx(k, { variant: "secondary", size: "sm", children: "View" }) }),
+            /* @__PURE__ */ e.jsx(k, { variant: "secondary", size: "sm", onClick: () => Ae(D), children: "Download" })
           ] }) })
-        ] }, C)) })
+        ] }, D)) })
       ] }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No artifacts" })
     ] }),
-    me.length > 0 && /* @__PURE__ */ e.jsxs(N, { children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { className: "text-danger", children: "Errors" }) }),
-      me.map((b, C) => /* @__PURE__ */ e.jsxs("div", { className: "mb-2", children: [
-        /* @__PURE__ */ e.jsx("strong", { children: b.type }),
+    be.length > 0 && /* @__PURE__ */ e.jsxs(v, { children: [
+      /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { className: "text-danger", children: "Errors" }) }),
+      be.map((w, D) => /* @__PURE__ */ e.jsxs("div", { className: "mb-2", children: [
+        /* @__PURE__ */ e.jsx("strong", { children: w.type }),
         ": ",
-        b.message,
-        b.traceback && /* @__PURE__ */ e.jsx("pre", { className: "mt-2", children: b.traceback })
-      ] }, C))
+        w.message,
+        w.traceback && /* @__PURE__ */ e.jsx("pre", { className: "mt-2", children: w.traceback })
+      ] }, D))
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Dr,
+      Es,
       {
-        open: x,
-        onClose: () => g(!1),
+        open: i,
+        onClose: () => x(!1),
         title: "Delete Run",
         actions: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(F, { variant: "secondary", onClick: () => g(!1), children: "Cancel" }),
-          /* @__PURE__ */ e.jsxs(F, { variant: "danger", onClick: Ie, disabled: J, children: [
+          /* @__PURE__ */ e.jsx(k, { variant: "secondary", onClick: () => x(!1), children: "Cancel" }),
+          /* @__PURE__ */ e.jsxs(k, { variant: "danger", onClick: ke, disabled: J, children: [
             J && /* @__PURE__ */ e.jsx(V, {}),
             "Delete"
           ] })
         ] }),
         children: [
           /* @__PURE__ */ e.jsx("p", { children: "Are you sure you want to delete this run?" }),
-          /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm mt-2", children: z(i.run_id) }),
+          /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm mt-2", children: K(a.run_id) }),
           /* @__PURE__ */ e.jsx("p", { className: "text-sm text-danger mt-2", children: "This action cannot be undone." })
         ]
       }
     ),
-    f && /* @__PURE__ */ e.jsx(
-      Be,
+    o && /* @__PURE__ */ e.jsx(
+      Ss,
       {
-        message: f.message,
-        variant: f.variant,
-        visible: !!f,
-        onClose: () => R(null)
+        message: o.message,
+        variant: o.variant,
+        visible: !!o,
+        onClose: () => p(null)
       }
     )
   ] });
 }
 function ks() {
-  const { currentWorkspace: s } = W(), { data: n, loading: t } = $e();
-  return /* @__PURE__ */ e.jsxs(G, { children: [
-    /* @__PURE__ */ e.jsx(_e, { title: "Projects" }),
-    /* @__PURE__ */ e.jsx(N, { children: t ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(V, {}) }) : /* @__PURE__ */ e.jsx(Ps, { projects: n ?? [], currentWorkspace: s }) })
+  const { currentWorkspace: s } = Y(), { data: n, loading: t } = ze();
+  return /* @__PURE__ */ e.jsxs(q, { children: [
+    /* @__PURE__ */ e.jsx(pe, { title: "Projects" }),
+    /* @__PURE__ */ e.jsx(v, { children: t ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(V, {}) }) : /* @__PURE__ */ e.jsx(Ts, { projects: n ?? [], currentWorkspace: s }) })
   ] });
 }
 function As() {
-  const [s, n] = Oe(), { data: t } = $e(), [i, d] = O(s.get("project") || ""), { data: o, loading: m, refetch: a } = vs({ project: i || void 0 }), u = be((x) => {
-    d(x);
-    const g = new URLSearchParams(s);
-    x ? g.set("project", x) : g.delete("project"), n(g, { replace: !0 });
+  const [s, n] = Ce(), { data: t } = ze(), [a, d] = U(s.get("project") || ""), { data: h, loading: f, refetch: i } = ps({ project: a || void 0 }), x = me((o) => {
+    d(o);
+    const p = new URLSearchParams(s);
+    o ? p.set("project", o) : p.delete("project"), n(p, { replace: !0 });
   }, [s, n]);
-  return /* @__PURE__ */ e.jsxs(G, { children: [
-    /* @__PURE__ */ e.jsx(_e, { title: "Run Groups" }),
-    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(kr, { children: [
-      /* @__PURE__ */ e.jsxs(X, { children: [
-        /* @__PURE__ */ e.jsx(re, { htmlFor: "project", children: "Project" }),
+  return /* @__PURE__ */ e.jsxs(q, { children: [
+    /* @__PURE__ */ e.jsx(pe, { title: "Run Groups" }),
+    /* @__PURE__ */ e.jsx(v, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(Cr, { children: [
+      /* @__PURE__ */ e.jsxs(H, { children: [
+        /* @__PURE__ */ e.jsx(Z, { htmlFor: "project", children: "Project" }),
         /* @__PURE__ */ e.jsxs(
-          ae,
+          se,
           {
             id: "project",
-            value: i,
-            onChange: (x) => u(x.target.value),
+            value: a,
+            onChange: (o) => x(o.target.value),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "", children: "All projects" }),
-              t?.map((x) => /* @__PURE__ */ e.jsx("option", { value: x.name, children: x.name }, x.name))
+              t?.map((o) => /* @__PURE__ */ e.jsx("option", { value: o.name, children: o.name }, o.name))
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(X, { className: "flex items-end gap-2", children: [
-        /* @__PURE__ */ e.jsx(F, { variant: "primary", onClick: () => a(), children: "Filter" }),
-        m && /* @__PURE__ */ e.jsx(V, {})
+      /* @__PURE__ */ e.jsxs(H, { className: "flex items-end gap-2", children: [
+        /* @__PURE__ */ e.jsx(k, { variant: "primary", onClick: () => i(), children: "Filter" }),
+        f && /* @__PURE__ */ e.jsx(V, {})
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx(N, { children: m && !o ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(V, {}) }) : /* @__PURE__ */ e.jsx(Ss, { groups: o ?? [] }) })
+    /* @__PURE__ */ e.jsx(v, { children: f && !h ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(V, {}) }) : /* @__PURE__ */ e.jsx(Cs, { groups: h ?? [] }) })
   ] });
 }
-function Fs() {
-  const { groupId: s } = Xe(), { api: n } = W(), { data: t, loading: i, error: d, refetch: o } = bs(s), [m, a] = O(null), u = ye((g) => n.deleteRun(g));
-  xe(() => {
-    if (m) {
-      const g = setTimeout(() => a(null), 3e3);
-      return () => clearTimeout(g);
-    }
-  }, [m]);
-  const x = async (g) => {
-    try {
-      await u.mutate(g), a({ message: "Run deleted", variant: "success" }), o();
-    } catch {
-      a({ message: "Failed to delete run", variant: "error" });
-    }
+function Os() {
+  const { groupId: s } = Ye(), { api: n } = Y(), { data: t, loading: a, error: d, refetch: h } = gs(s), f = je((x) => n.deleteRun(x)), i = async (x) => {
+    await f.mutate(x), h();
   };
-  return i ? /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(V, {}) }) }) : d || !t ? /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(ce, { message: "Group not found", hint: d?.message }) }) }) : /* @__PURE__ */ e.jsxs(G, { children: [
+  return a ? /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(V, {}) }) }) : d || !t ? /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(te, { message: "Group not found", hint: d?.message }) }) }) : /* @__PURE__ */ e.jsxs(q, { children: [
     /* @__PURE__ */ e.jsx(
-      _e,
+      pe,
       {
         title: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           "Group ",
-          /* @__PURE__ */ e.jsx("span", { className: "font-mono", children: z(s) })
+          /* @__PURE__ */ e.jsx("span", { className: "font-mono", children: K(s) })
         ] }),
         subtitle: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-muted", children: s })
       }
     ),
-    /* @__PURE__ */ e.jsxs(N, { children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsxs(k, { children: [
+    /* @__PURE__ */ e.jsxs(v, { children: [
+      /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsxs(P, { children: [
         "Runs in Group (",
         t.runs.length,
         ")"
       ] }) }),
       /* @__PURE__ */ e.jsx(
-        Ze,
+        Je,
         {
           runs: t.runs,
-          onDelete: x,
-          loading: u.loading
+          onDelete: i,
+          loading: f.loading
         }
       )
-    ] }),
-    m && /* @__PURE__ */ e.jsx(
-      Be,
-      {
-        message: m.message,
-        variant: m.variant,
-        visible: !!m,
-        onClose: () => a(null)
-      }
-    )
+    ] })
   ] });
 }
-function ve({ match: s, yesText: n = "✓ Match", noText: t = "✗ Different" }) {
+function xe({ match: s, yesText: n = "✓ Match", noText: t = "✗ Different" }) {
   return /* @__PURE__ */ e.jsx("span", { className: s ? "diff-match" : "diff-mismatch", children: s ? n : t });
 }
-function Os() {
-  const [s, n] = Oe(), { data: t } = Cr({ limit: 100 }), i = t?.runs ?? [], [d, o] = O(s.get("a") || ""), [m, a] = O(s.get("b") || ""), [u, x] = O(""), g = (f) => {
-    if (f.preventDefault(), !d || !m) {
-      x("Please select both runs to compare");
-      return;
-    }
-    x(""), n({ a: d, b: m });
+function Fs() {
+  const [s, n] = Ce(), { data: t } = Sr({ limit: 100 }), a = t?.runs ?? [], [d, h] = U(s.get("a") || ""), [f, i] = U(s.get("b") || ""), x = (o) => {
+    o.preventDefault(), d && f && n({ a: d, b: f });
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs("form", { onSubmit: g, children: [
+    /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsxs("form", { onSubmit: x, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
-        /* @__PURE__ */ e.jsxs(X, { children: [
-          /* @__PURE__ */ e.jsx(re, { htmlFor: "a", children: "Run A (Baseline)" }),
-          /* @__PURE__ */ e.jsxs(ae, { id: "a", value: d, onChange: (f) => {
-            o(f.target.value), x("");
-          }, children: [
+        /* @__PURE__ */ e.jsxs(H, { children: [
+          /* @__PURE__ */ e.jsx(Z, { htmlFor: "a", children: "Run A (Baseline)" }),
+          /* @__PURE__ */ e.jsxs(se, { id: "a", value: d, onChange: (o) => h(o.target.value), required: !0, children: [
             /* @__PURE__ */ e.jsx("option", { value: "", children: "Select run..." }),
-            i.map((f) => /* @__PURE__ */ e.jsxs("option", { value: f.run_id, children: [
-              f.run_name || "Unnamed",
+            a.map((o) => /* @__PURE__ */ e.jsxs("option", { value: o.run_id, children: [
+              o.run_name || "Unnamed",
               " (",
-              z(f.run_id),
+              K(o.run_id),
               ") — ",
-              f.project
-            ] }, f.run_id))
+              o.project
+            ] }, o.run_id))
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs(X, { children: [
-          /* @__PURE__ */ e.jsx(re, { htmlFor: "b", children: "Run B (Candidate)" }),
-          /* @__PURE__ */ e.jsxs(ae, { id: "b", value: m, onChange: (f) => {
-            a(f.target.value), x("");
-          }, children: [
+        /* @__PURE__ */ e.jsxs(H, { children: [
+          /* @__PURE__ */ e.jsx(Z, { htmlFor: "b", children: "Run B (Candidate)" }),
+          /* @__PURE__ */ e.jsxs(se, { id: "b", value: f, onChange: (o) => i(o.target.value), required: !0, children: [
             /* @__PURE__ */ e.jsx("option", { value: "", children: "Select run..." }),
-            i.map((f) => /* @__PURE__ */ e.jsxs("option", { value: f.run_id, children: [
-              f.run_name || "Unnamed",
+            a.map((o) => /* @__PURE__ */ e.jsxs("option", { value: o.run_id, children: [
+              o.run_name || "Unnamed",
               " (",
-              z(f.run_id),
+              K(o.run_id),
               ") — ",
-              f.project
-            ] }, f.run_id))
+              o.project
+            ] }, o.run_id))
           ] })
         ] })
       ] }),
-      u && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-danger mb-3", children: u }),
-      /* @__PURE__ */ e.jsx("div", { className: "pt-2", children: /* @__PURE__ */ e.jsx(F, { type: "submit", variant: "primary", children: "Compare" }) })
+      /* @__PURE__ */ e.jsx(k, { type: "submit", variant: "primary", disabled: !d || !f, children: "Compare" })
     ] }) }),
-    /* @__PURE__ */ e.jsxs(N, { className: "mt-4", children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Tips" }) }),
+    /* @__PURE__ */ e.jsxs(v, { className: "mt-4", children: [
+      /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Tips" }) }),
       /* @__PURE__ */ e.jsxs("ul", { className: "text-muted text-sm list-disc pl-6 space-y-1", children: [
         /* @__PURE__ */ e.jsx("li", { children: "Select two runs to compare their parameters, metrics, and artifacts" }),
         /* @__PURE__ */ e.jsx("li", { children: "The diff will show changed values and compute TVD for result distributions" }),
@@ -1594,370 +1497,363 @@ function Os() {
   ] });
 }
 function $s({ runIdA: s, runIdB: n }) {
-  const { data: t, loading: i, error: d } = Ns(s, n);
-  if (i) return /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(V, {}) });
-  if (d || !t) return /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(ce, { message: "Failed to load diff", hint: d?.message }) });
-  const { run_a: o, run_b: m, report: a } = t;
+  const { data: t, loading: a, error: d } = vs(s, n);
+  if (a) return /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(V, {}) });
+  if (d || !t) return /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(te, { message: "Failed to load diff", hint: d?.message }) });
+  const { run_a: h, run_b: f, report: i } = t;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    a.warnings && a.warnings.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "alert alert-warning mb-4", children: [
+    i.warnings && i.warnings.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "alert alert-warning mb-4", children: [
       /* @__PURE__ */ e.jsx("strong", { children: "Warnings:" }),
-      /* @__PURE__ */ e.jsx("ul", { className: "list-disc pl-6 mt-1", children: a.warnings.map((u, x) => /* @__PURE__ */ e.jsx("li", { children: u }, x)) })
+      /* @__PURE__ */ e.jsx("ul", { className: "list-disc pl-6 mt-1", children: i.warnings.map((x, o) => /* @__PURE__ */ e.jsx("li", { children: x }, o)) })
     ] }),
-    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ e.jsx(v, { className: "mb-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { children: [
         /* @__PURE__ */ e.jsx("h3", { className: "text-sm text-muted uppercase tracking-wider mb-1", children: "Run A (Baseline)" }),
-        /* @__PURE__ */ e.jsx("p", { children: /* @__PURE__ */ e.jsx(q, { to: `/runs/${o.run_id}`, children: o.run_name || "Unnamed Run" }) }),
-        /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm text-muted", children: z(o.run_id) }),
+        /* @__PURE__ */ e.jsx("p", { children: /* @__PURE__ */ e.jsx(M, { to: `/runs/${h.run_id}`, children: h.run_name || "Unnamed Run" }) }),
+        /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm text-muted", children: K(h.run_id) }),
         /* @__PURE__ */ e.jsxs("p", { className: "text-muted text-sm", children: [
-          o.project,
+          h.project,
           " · ",
-          Fe(o.created_at)
+          Te(h.created_at)
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         /* @__PURE__ */ e.jsx("h3", { className: "text-sm text-muted uppercase tracking-wider mb-1", children: "Run B (Candidate)" }),
-        /* @__PURE__ */ e.jsx("p", { children: /* @__PURE__ */ e.jsx(q, { to: `/runs/${m.run_id}`, children: m.run_name || "Unnamed Run" }) }),
-        /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm text-muted", children: z(m.run_id) }),
+        /* @__PURE__ */ e.jsx("p", { children: /* @__PURE__ */ e.jsx(M, { to: `/runs/${f.run_id}`, children: f.run_name || "Unnamed Run" }) }),
+        /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm text-muted", children: K(f.run_id) }),
         /* @__PURE__ */ e.jsxs("p", { className: "text-muted text-sm", children: [
-          m.project,
+          f.project,
           " · ",
-          Fe(m.created_at)
+          Te(f.created_at)
         ] })
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Metadata" }) }),
-        /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
-          /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Metadata" }) }),
+        /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsxs(F, { children: [
+          /* @__PURE__ */ e.jsxs(m, { children: [
             /* @__PURE__ */ e.jsx(c, { children: "Project" }),
-            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(ve, { match: a.metadata.project_match }) })
+            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(xe, { match: i.metadata.project_match }) })
           ] }),
-          /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsxs(m, { children: [
             /* @__PURE__ */ e.jsx(c, { children: "Backend" }),
-            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(ve, { match: a.metadata.backend_match }) })
+            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(xe, { match: i.metadata.backend_match }) })
           ] }),
-          !a.metadata.project_match && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsxs(j, { children: [
+          !i.metadata.project_match && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "text-muted text-sm", children: "Project A" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: a.metadata.project_a || "N/A" })
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: i.metadata.project_a || "N/A" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "text-muted text-sm", children: "Project B" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: a.metadata.project_b || "N/A" })
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: i.metadata.project_b || "N/A" })
             ] })
           ] }),
-          !a.metadata.backend_match && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsxs(j, { children: [
+          !i.metadata.backend_match && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "text-muted text-sm", children: "Backend A" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: a.metadata.backend_a || "N/A" })
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: i.metadata.backend_a || "N/A" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "text-muted text-sm", children: "Backend B" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: a.metadata.backend_b || "N/A" })
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: i.metadata.backend_b || "N/A" })
             ] })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Fingerprints" }) }),
-        /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
-          /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Fingerprints" }) }),
+        /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsxs(F, { children: [
+          /* @__PURE__ */ e.jsxs(m, { children: [
             /* @__PURE__ */ e.jsx(c, { children: "Run A" }),
-            /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: Ke(a.fingerprints.a) })
+            /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: qe(i.fingerprints.a) })
           ] }),
-          /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsxs(m, { children: [
             /* @__PURE__ */ e.jsx(c, { children: "Run B" }),
-            /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: Ke(a.fingerprints.b) })
+            /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: qe(i.fingerprints.b) })
           ] }),
-          /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsxs(m, { children: [
             /* @__PURE__ */ e.jsx(c, { children: "Match" }),
-            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(ve, { match: a.fingerprints.a === a.fingerprints.b, yesText: "✓ Yes", noText: "✗ No" }) })
+            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(xe, { match: i.fingerprints.a === i.fingerprints.b, yesText: "✓ Yes", noText: "✗ No" }) })
           ] })
         ] }) })
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsxs(k, { children: [
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsxs(P, { children: [
           "Program",
-          a.program.exact_match ? /* @__PURE__ */ e.jsx(B, { variant: "success", children: "Exact Match" }) : a.program.structural_match ? /* @__PURE__ */ e.jsx(B, { variant: "info", children: "Structural Match" }) : /* @__PURE__ */ e.jsx(B, { variant: "warning", children: "Different" })
+          i.program.exact_match ? /* @__PURE__ */ e.jsx(B, { variant: "success", children: "Exact Match" }) : i.program.structural_match ? /* @__PURE__ */ e.jsx(B, { variant: "info", children: "Structural Match" }) : /* @__PURE__ */ e.jsx(B, { variant: "warning", children: "Different" })
         ] }) }),
-        /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
-          /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsxs(F, { children: [
+          /* @__PURE__ */ e.jsxs(m, { children: [
             /* @__PURE__ */ e.jsx(c, { children: "Exact Match" }),
-            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(ve, { match: a.program.exact_match, yesText: "✓ Yes", noText: "✗ No" }) })
+            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(xe, { match: i.program.exact_match, yesText: "✓ Yes", noText: "✗ No" }) })
           ] }),
-          /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsxs(m, { children: [
             /* @__PURE__ */ e.jsx(c, { children: "Structural Match" }),
-            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(ve, { match: a.program.structural_match, yesText: "✓ Yes", noText: "✗ No" }) })
+            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(xe, { match: i.program.structural_match, yesText: "✓ Yes", noText: "✗ No" }) })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsxs(k, { children: [
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsxs(P, { children: [
           "Device Calibration",
-          a.device_drift?.significant_drift ? /* @__PURE__ */ e.jsx(B, { variant: "warning", children: "Drifted" }) : a.device_drift?.has_calibration_data ? /* @__PURE__ */ e.jsx(B, { variant: "success", children: "Stable" }) : /* @__PURE__ */ e.jsx(B, { variant: "gray", children: "N/A" })
+          i.device_drift?.significant_drift ? /* @__PURE__ */ e.jsx(B, { variant: "warning", children: "Drifted" }) : i.device_drift?.has_calibration_data ? /* @__PURE__ */ e.jsx(B, { variant: "success", children: "Stable" }) : /* @__PURE__ */ e.jsx(B, { variant: "gray", children: "N/A" })
         ] }) }),
-        a.device_drift?.significant_drift ? /* @__PURE__ */ e.jsx("p", { className: "text-sm text-warning", children: "⚠ Significant calibration drift detected" }) : a.device_drift?.has_calibration_data ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "Calibration within acceptable thresholds" }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No calibration data available" })
+        i.device_drift?.significant_drift ? /* @__PURE__ */ e.jsx("p", { className: "text-sm text-warning", children: "⚠ Significant calibration drift detected" }) : i.device_drift?.has_calibration_data ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "Calibration within acceptable thresholds" }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No calibration data available" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsxs(k, { children: [
+    /* @__PURE__ */ e.jsxs(v, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsxs(P, { children: [
         "Parameters ",
-        /* @__PURE__ */ e.jsx(B, { variant: a.params.match ? "success" : "warning", children: a.params.match ? "Match" : "Different" })
+        /* @__PURE__ */ e.jsx(B, { variant: i.params.match ? "success" : "warning", children: i.params.match ? "Match" : "Different" })
       ] }) }),
-      a.params.match ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "All parameters match" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: a.params.changed && Object.keys(a.params.changed).length > 0 && /* @__PURE__ */ e.jsxs(L, { children: [
-        /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(y, { children: "Parameter" }),
-          /* @__PURE__ */ e.jsx(y, { children: "Run A" }),
-          /* @__PURE__ */ e.jsx(y, { children: "Run B" })
+      i.params.match ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "All parameters match" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: i.params.changed && Object.keys(i.params.changed).length > 0 && /* @__PURE__ */ e.jsxs(O, { children: [
+        /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
+          /* @__PURE__ */ e.jsx(b, { children: "Parameter" }),
+          /* @__PURE__ */ e.jsx(b, { children: "Run A" }),
+          /* @__PURE__ */ e.jsx(b, { children: "Run B" })
         ] }) }),
-        /* @__PURE__ */ e.jsx(I, { children: Object.entries(a.params.changed).map(([u, x]) => /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: u }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(x.a) }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(x.b) })
-        ] }, u)) })
+        /* @__PURE__ */ e.jsx(F, { children: Object.entries(i.params.changed).map(([x, o]) => /* @__PURE__ */ e.jsxs(m, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: x }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(o.a) }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(o.b) })
+        ] }, x)) })
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsxs(k, { children: [
+    /* @__PURE__ */ e.jsxs(v, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsxs(P, { children: [
         "Metrics ",
-        /* @__PURE__ */ e.jsx(B, { variant: a.metrics.match ? "success" : "warning", children: a.metrics.match ? "Match" : "Different" })
+        /* @__PURE__ */ e.jsx(B, { variant: i.metrics.match ? "success" : "warning", children: i.metrics.match ? "Match" : "Different" })
       ] }) }),
-      a.metrics.match ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "All metrics match" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: a.metrics.changed && Object.keys(a.metrics.changed).length > 0 && /* @__PURE__ */ e.jsxs(L, { children: [
-        /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(y, { children: "Metric" }),
-          /* @__PURE__ */ e.jsx(y, { children: "Run A" }),
-          /* @__PURE__ */ e.jsx(y, { children: "Run B" })
+      i.metrics.match ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "All metrics match" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: i.metrics.changed && Object.keys(i.metrics.changed).length > 0 && /* @__PURE__ */ e.jsxs(O, { children: [
+        /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
+          /* @__PURE__ */ e.jsx(b, { children: "Metric" }),
+          /* @__PURE__ */ e.jsx(b, { children: "Run A" }),
+          /* @__PURE__ */ e.jsx(b, { children: "Run B" })
         ] }) }),
-        /* @__PURE__ */ e.jsx(I, { children: Object.entries(a.metrics.changed).map(([u, x]) => /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: u }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: x.a }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: x.b })
-        ] }, u)) })
+        /* @__PURE__ */ e.jsx(F, { children: Object.entries(i.metrics.changed).map(([x, o]) => /* @__PURE__ */ e.jsxs(m, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: x }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: o.a }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: o.b })
+        ] }, x)) })
       ] }) })
     ] }),
-    a.circuit_diff && /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsxs(k, { children: [
+    i.circuit_diff && /* @__PURE__ */ e.jsxs(v, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsxs(P, { children: [
         "Circuit",
-        /* @__PURE__ */ e.jsx(B, { variant: a.circuit_diff.match ? "success" : "warning", children: a.circuit_diff.match ? "Match" : "Different" })
+        /* @__PURE__ */ e.jsx(B, { variant: i.circuit_diff.match ? "success" : "warning", children: i.circuit_diff.match ? "Match" : "Different" })
       ] }) }),
-      a.circuit_diff.match ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "Circuit structure matches" }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        a.circuit_diff.changed && Object.keys(a.circuit_diff.changed).length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      i.circuit_diff.match ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "Circuit structure matches" }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        i.circuit_diff.changed && Object.keys(i.circuit_diff.changed).length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx("h4", { className: "text-sm text-muted mb-2", children: "Changed" }),
-          /* @__PURE__ */ e.jsxs(L, { children: [
-            /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(y, { children: "Property" }),
-              /* @__PURE__ */ e.jsx(y, { children: "Run A" }),
-              /* @__PURE__ */ e.jsx(y, { children: "Run B" }),
-              /* @__PURE__ */ e.jsx(y, { children: "Delta" })
+          /* @__PURE__ */ e.jsxs(O, { children: [
+            /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
+              /* @__PURE__ */ e.jsx(b, { children: "Property" }),
+              /* @__PURE__ */ e.jsx(b, { children: "Run A" }),
+              /* @__PURE__ */ e.jsx(b, { children: "Run B" }),
+              /* @__PURE__ */ e.jsx(b, { children: "Delta" })
             ] }) }),
-            /* @__PURE__ */ e.jsx(I, { children: Object.entries(a.circuit_diff.changed).map(([u, x]) => /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { children: x.label || u }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(x.a) }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(x.b) }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: x.delta != null && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                x.delta > 0 ? "+" : "",
-                x.delta,
-                x.pct != null && ` (${x.pct > 0 ? "+" : ""}${x.pct.toFixed(1)}%)`
+            /* @__PURE__ */ e.jsx(F, { children: Object.entries(i.circuit_diff.changed).map(([x, o]) => /* @__PURE__ */ e.jsxs(m, { children: [
+              /* @__PURE__ */ e.jsx(c, { children: o.label || x }),
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(o.a) }),
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(o.b) }),
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: o.delta != null && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                o.delta > 0 ? "+" : "",
+                o.delta,
+                o.pct != null && ` (${o.pct > 0 ? "+" : ""}${o.pct.toFixed(1)}%)`
               ] }) })
-            ] }, u)) })
+            ] }, x)) })
           ] })
         ] }),
-        a.circuit_diff.is_clifford_changed && /* @__PURE__ */ e.jsxs("div", { className: "mt-4", children: [
+        i.circuit_diff.is_clifford_changed && /* @__PURE__ */ e.jsxs("div", { className: "mt-4", children: [
           /* @__PURE__ */ e.jsx("h4", { className: "text-sm text-muted mb-2", children: "Clifford Status" }),
-          /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
-            /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsxs(F, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { children: "Run A" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: a.circuit_diff.is_clifford_a != null ? String(a.circuit_diff.is_clifford_a) : "unknown" })
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: i.circuit_diff.is_clifford_a != null ? String(i.circuit_diff.is_clifford_a) : "unknown" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { children: "Run B" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: a.circuit_diff.is_clifford_b != null ? String(a.circuit_diff.is_clifford_b) : "unknown" })
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: i.circuit_diff.is_clifford_b != null ? String(i.circuit_diff.is_clifford_b) : "unknown" })
             ] })
           ] }) })
         ] }),
-        a.circuit_diff.added_gates && a.circuit_diff.added_gates.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mt-4", children: [
+        i.circuit_diff.added_gates && i.circuit_diff.added_gates.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mt-4", children: [
           /* @__PURE__ */ e.jsx("h4", { className: "text-sm text-muted mb-2", children: "New Gate Types (in B)" }),
-          /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm", children: a.circuit_diff.added_gates.join(", ") })
+          /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm", children: i.circuit_diff.added_gates.join(", ") })
         ] }),
-        a.circuit_diff.removed_gates && a.circuit_diff.removed_gates.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mt-4", children: [
+        i.circuit_diff.removed_gates && i.circuit_diff.removed_gates.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mt-4", children: [
           /* @__PURE__ */ e.jsx("h4", { className: "text-sm text-muted mb-2", children: "Removed Gate Types (from A)" }),
-          /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm", children: a.circuit_diff.removed_gates.join(", ") })
+          /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm", children: i.circuit_diff.removed_gates.join(", ") })
         ] })
       ] })
     ] }),
-    a.tvd != null && /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Results" }) }),
-      /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
-        /* @__PURE__ */ e.jsxs(j, { children: [
+    i.tvd != null && /* @__PURE__ */ e.jsxs(v, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Results" }) }),
+      /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsxs(F, { children: [
+        /* @__PURE__ */ e.jsxs(m, { children: [
           /* @__PURE__ */ e.jsx(c, { children: "Total Variation Distance (TVD)" }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: a.tvd.toFixed(6) })
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: i.tvd.toFixed(6) })
         ] }),
-        a.shots && /* @__PURE__ */ e.jsxs(j, { children: [
+        i.shots && /* @__PURE__ */ e.jsxs(m, { children: [
           /* @__PURE__ */ e.jsx(c, { children: "Total Shots (A / B)" }),
           /* @__PURE__ */ e.jsxs(c, { className: "font-mono", children: [
-            a.shots.a,
+            i.shots.a,
             " / ",
-            a.shots.b
+            i.shots.b
           ] })
         ] }),
-        a.noise_context?.noise_p95 && /* @__PURE__ */ e.jsxs(j, { children: [
+        i.noise_context?.noise_p95 && /* @__PURE__ */ e.jsxs(m, { children: [
           /* @__PURE__ */ e.jsx(c, { children: "Noise Threshold (p95)" }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: a.noise_context.noise_p95.toFixed(6) })
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: i.noise_context.noise_p95.toFixed(6) })
         ] }),
-        a.noise_context?.p_value != null && /* @__PURE__ */ e.jsxs(j, { children: [
+        i.noise_context?.p_value != null && /* @__PURE__ */ e.jsxs(m, { children: [
           /* @__PURE__ */ e.jsx(c, { children: "p-value" }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: a.noise_context.p_value.toFixed(3) })
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: i.noise_context.p_value.toFixed(3) })
         ] })
       ] }) }),
-      a.tvd > 0 && a.noise_context && /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-4", children: a.noise_context.p_value != null ? a.noise_context.p_value >= 0.1 ? /* @__PURE__ */ e.jsx("span", { className: "text-success", children: "✓ Consistent with sampling noise — difference is not statistically significant." }) : a.noise_context.p_value >= 0.05 ? /* @__PURE__ */ e.jsxs("span", { className: "text-warning", children: [
+      i.tvd > 0 && i.noise_context && /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-4", children: i.noise_context.p_value != null ? i.noise_context.p_value >= 0.1 ? /* @__PURE__ */ e.jsx("span", { className: "text-success", children: "✓ Consistent with sampling noise — difference is not statistically significant." }) : i.noise_context.p_value >= 0.05 ? /* @__PURE__ */ e.jsxs("span", { className: "text-warning", children: [
         "⚠ Borderline (p=",
-        a.noise_context.p_value.toFixed(2),
+        i.noise_context.p_value.toFixed(2),
         "). Consider increasing shots."
       ] }) : /* @__PURE__ */ e.jsxs("span", { className: "text-danger", children: [
         "✗ Statistically significant difference (p=",
-        a.noise_context.p_value.toFixed(2),
+        i.noise_context.p_value.toFixed(2),
         ") — results show meaningful divergence."
-      ] }) : a.noise_context.noise_ratio != null ? a.noise_context.noise_ratio < 1.5 ? /* @__PURE__ */ e.jsx("span", { className: "text-success", children: "✓ TVD is within expected shot noise range." }) : a.noise_context.noise_ratio < 3 ? /* @__PURE__ */ e.jsxs("span", { className: "text-warning", children: [
+      ] }) : i.noise_context.noise_ratio != null ? i.noise_context.noise_ratio < 1.5 ? /* @__PURE__ */ e.jsx("span", { className: "text-success", children: "✓ TVD is within expected shot noise range." }) : i.noise_context.noise_ratio < 3 ? /* @__PURE__ */ e.jsxs("span", { className: "text-warning", children: [
         "⚠ Ambiguous (",
-        a.noise_context.noise_ratio.toFixed(1),
+        i.noise_context.noise_ratio.toFixed(1),
         "× expected noise). Consider increasing shots."
       ] }) : /* @__PURE__ */ e.jsxs("span", { className: "text-danger", children: [
         "✗ TVD exceeds expected noise (",
-        a.noise_context.noise_ratio.toFixed(1),
+        i.noise_context.noise_ratio.toFixed(1),
         "×) — results show meaningful differences."
       ] }) : null })
     ] })
   ] });
 }
 function Bs() {
-  const [s] = Oe(), n = s.get("a"), t = s.get("b"), i = n && t;
-  return /* @__PURE__ */ e.jsxs(G, { children: [
+  const [s] = Ce(), n = s.get("a"), t = s.get("b"), a = n && t;
+  return /* @__PURE__ */ e.jsxs(q, { children: [
     /* @__PURE__ */ e.jsx("div", { className: "page-header", children: /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsxs("h1", { className: "page-title", children: [
         "Compare Runs",
-        i && /* @__PURE__ */ e.jsx(B, { variant: "info", children: "Comparing" })
+        a && /* @__PURE__ */ e.jsx(B, { variant: "info", children: "Comparing" })
       ] }),
-      i && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: /* @__PURE__ */ e.jsx(q, { to: "/diff", children: "← Select different runs" }) })
+      a && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: /* @__PURE__ */ e.jsx(M, { to: "/diff", children: "← Select different runs" }) })
     ] }) }),
-    i ? /* @__PURE__ */ e.jsx($s, { runIdA: n, runIdB: t }) : /* @__PURE__ */ e.jsx(Os, {})
+    a ? /* @__PURE__ */ e.jsx($s, { runIdA: n, runIdB: t }) : /* @__PURE__ */ e.jsx(Fs, {})
   ] });
 }
-function Ls() {
-  const { api: s } = W(), [n, t] = O(""), [i, d] = O(null), [o, m] = O(!1), [a, u] = O(""), { mutate: x, loading: g } = ye(async () => {
-    const R = await s.listRuns({ q: n, limit: 100 });
-    return d(R.runs), m(!0), R;
-  }), f = (R) => {
-    if (R.preventDefault(), !n.trim()) {
-      u("Please enter a search query");
-      return;
-    }
-    u(""), x();
+function Is() {
+  const { api: s } = Y(), [n, t] = U(""), [a, d] = U(null), [h, f] = U(!1), { mutate: i, loading: x } = je(async () => {
+    const p = await s.listRuns({ q: n, limit: 100 });
+    return d(p.runs), f(!0), p;
+  }), o = (p) => {
+    p.preventDefault(), n.trim() && i();
   };
-  return /* @__PURE__ */ e.jsxs(G, { children: [
+  return /* @__PURE__ */ e.jsxs(q, { children: [
     /* @__PURE__ */ e.jsx("div", { className: "page-header", children: /* @__PURE__ */ e.jsx("h1", { className: "page-title", children: "Search Runs" }) }),
-    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs("form", { onSubmit: f, children: [
-      /* @__PURE__ */ e.jsxs(X, { children: [
-        /* @__PURE__ */ e.jsx(re, { htmlFor: "q", children: "Query" }),
+    /* @__PURE__ */ e.jsx(v, { className: "mb-4", children: /* @__PURE__ */ e.jsxs("form", { onSubmit: o, children: [
+      /* @__PURE__ */ e.jsxs(H, { children: [
+        /* @__PURE__ */ e.jsx(Z, { htmlFor: "q", children: "Query" }),
         /* @__PURE__ */ e.jsx(
-          Qe,
+          Ke,
           {
             id: "q",
             type: "text",
             value: n,
-            onChange: (R) => {
-              t(R.target.value), u("");
-            },
+            onChange: (p) => t(p.target.value),
             placeholder: "metric.fidelity > 0.95 and params.shots = 1000",
             className: "font-mono"
           }
         )
       ] }),
-      a && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-danger mb-3", children: a }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex gap-3 items-center pt-2", children: [
-        /* @__PURE__ */ e.jsxs(F, { type: "submit", variant: "primary", disabled: g, children: [
-          g && /* @__PURE__ */ e.jsx(V, {}),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center", children: [
+        /* @__PURE__ */ e.jsxs(k, { type: "submit", variant: "primary", disabled: x || !n.trim(), children: [
+          x && /* @__PURE__ */ e.jsx(V, {}),
           "Search"
         ] }),
-        g && /* @__PURE__ */ e.jsx("span", { className: "text-muted text-sm", children: "Searching..." })
+        x && /* @__PURE__ */ e.jsx("span", { className: "text-muted text-sm", children: "Searching..." })
       ] })
     ] }) }),
-    o && i && /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: i.length > 0 ? /* @__PURE__ */ e.jsx(Ze, { runs: i }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted text-center py-8", children: "No runs match your query" }) }),
+    h && a && /* @__PURE__ */ e.jsx(v, { className: "mb-4", children: a.length > 0 ? /* @__PURE__ */ e.jsx(Je, { runs: a }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted text-center py-8", children: "No runs match your query" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Query Syntax" }) }),
-        /* @__PURE__ */ e.jsxs(L, { children: [
-          /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(y, { children: "Field" }),
-            /* @__PURE__ */ e.jsx(y, { children: "Description" })
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Query Syntax" }) }),
+        /* @__PURE__ */ e.jsxs(O, { children: [
+          /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
+            /* @__PURE__ */ e.jsx(b, { children: "Field" }),
+            /* @__PURE__ */ e.jsx(b, { children: "Description" })
           ] }) }),
-          /* @__PURE__ */ e.jsxs(I, { children: [
-            /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsxs(F, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "params.X" }),
               /* @__PURE__ */ e.jsx(c, { children: "Parameter value" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "metric.X" }),
               /* @__PURE__ */ e.jsx(c, { children: "Metric value" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "tags.X" }),
               /* @__PURE__ */ e.jsx(c, { children: "Tag value" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "status" }),
               /* @__PURE__ */ e.jsx(c, { children: "Run status" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "project" }),
               /* @__PURE__ */ e.jsx(c, { children: "Project name" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "backend" }),
               /* @__PURE__ */ e.jsx(c, { children: "Backend name" })
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Operators" }) }),
-        /* @__PURE__ */ e.jsxs(L, { children: [
-          /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(y, { children: "Operator" }),
-            /* @__PURE__ */ e.jsx(y, { children: "Description" })
+      /* @__PURE__ */ e.jsxs(v, { children: [
+        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Operators" }) }),
+        /* @__PURE__ */ e.jsxs(O, { children: [
+          /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
+            /* @__PURE__ */ e.jsx(b, { children: "Operator" }),
+            /* @__PURE__ */ e.jsx(b, { children: "Description" })
           ] }) }),
-          /* @__PURE__ */ e.jsxs(I, { children: [
-            /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsxs(F, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "=" }),
               /* @__PURE__ */ e.jsx(c, { children: "Equals" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "!=" }),
               /* @__PURE__ */ e.jsx(c, { children: "Not equals" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: ">" }),
               /* @__PURE__ */ e.jsx(c, { children: "Greater than" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: ">=" }),
               /* @__PURE__ */ e.jsx(c, { children: "Greater or equal" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "<" }),
               /* @__PURE__ */ e.jsx(c, { children: "Less than" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "<=" }),
               /* @__PURE__ */ e.jsx(c, { children: "Less or equal" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "~" }),
               /* @__PURE__ */ e.jsx(c, { children: "Contains" })
             ] }),
-            /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsxs(m, { children: [
               /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "and" }),
               /* @__PURE__ */ e.jsx(c, { children: "Combine conditions" })
             ] })
@@ -1965,26 +1861,26 @@ function Ls() {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(N, { className: "mt-4", children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Examples" }) }),
-      /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
-        /* @__PURE__ */ e.jsxs(j, { children: [
+    /* @__PURE__ */ e.jsxs(v, { className: "mt-4", children: [
+      /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Examples" }) }),
+      /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsxs(F, { children: [
+        /* @__PURE__ */ e.jsxs(m, { children: [
           /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "metric.fidelity > 0.95" }),
           /* @__PURE__ */ e.jsx(c, { children: "High fidelity runs" })
         ] }),
-        /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsxs(m, { children: [
           /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "params.shots = 1000 and status = FINISHED" }),
           /* @__PURE__ */ e.jsx(c, { children: "Finished runs with 1000 shots" })
         ] }),
-        /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsxs(m, { children: [
           /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "tags.backend ~ ibm" }),
           /* @__PURE__ */ e.jsx(c, { children: "Runs with IBM backends" })
         ] }),
-        /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsxs(m, { children: [
           /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "metric.error < 0.01" }),
           /* @__PURE__ */ e.jsx(c, { children: "Low error runs" })
         ] }),
-        /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsxs(m, { children: [
           /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "project = vqe and metric.energy < -2.0" }),
           /* @__PURE__ */ e.jsx(c, { children: "VQE runs with low energy" })
         ] })
@@ -1992,169 +1888,144 @@ function Ls() {
     ] })
   ] });
 }
-function Is() {
-  const { runId: s, index: n } = Xe(), t = parseInt(n, 10), { api: i } = W(), { data: d } = Pr(s), { data: o, loading: m, error: a } = ys(s, t), [u, x] = O(null);
-  xe(() => {
-    if (u) {
-      const P = setTimeout(() => x(null), 3e3);
-      return () => clearTimeout(P);
-    }
-  }, [u]);
-  const g = async () => {
-    try {
-      const P = i.getArtifactDownloadUrl(s, t), le = await fetch(P);
-      if (!le.ok) throw new Error("Download failed");
-      const oe = await le.blob(), Z = document.createElement("a");
-      Z.href = URL.createObjectURL(oe), Z.download = f?.kind || `artifact-${t}`, Z.click(), URL.revokeObjectURL(Z.href), x({ message: "Download started", variant: "success" });
-    } catch {
-      x({ message: "Download failed", variant: "error" });
-    }
-  };
-  if (m)
-    return /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(V, {}) }) });
-  if (a || !o)
-    return /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(ce, { message: "Artifact not found", hint: a?.message }) }) });
-  const { artifact: f, size: R, content: K, content_json: w, preview_available: Q, error: J } = o, H = 10 * 1024 * 1024;
-  return /* @__PURE__ */ e.jsxs(G, { children: [
+function Ls() {
+  const { runId: s, index: n } = Ye(), t = parseInt(n, 10), { api: a } = Y(), { data: d } = Pr(s), { data: h, loading: f, error: i } = bs(s, t);
+  if (f)
+    return /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(V, {}) }) });
+  if (i || !h)
+    return /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(te, { message: "Artifact not found", hint: i?.message }) }) });
+  const { artifact: x, size: o, content: p, content_json: $, preview_available: _, error: G } = h, J = 10 * 1024 * 1024;
+  return /* @__PURE__ */ e.jsxs(q, { children: [
     /* @__PURE__ */ e.jsx(
-      _e,
+      pe,
       {
-        title: f.kind,
+        title: x.kind,
         subtitle: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           "← Back to run ",
-          /* @__PURE__ */ e.jsxs(q, { to: `/runs/${s}`, children: [
-            z(s),
+          /* @__PURE__ */ e.jsxs(M, { to: `/runs/${s}`, children: [
+            K(s),
             d?.run_name && ` — ${d.run_name}`
           ] })
         ] }),
-        actions: /* @__PURE__ */ e.jsx(F, { variant: "primary", onClick: g, children: "Download" })
+        actions: /* @__PURE__ */ e.jsx("a", { href: a.getArtifactDownloadUrl(s, t), children: /* @__PURE__ */ e.jsx(k, { variant: "primary", children: "Download" }) })
       }
     ),
-    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsx(Je, { items: [
-      { label: "Kind", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono", children: f.kind }) },
-      { label: "Role", value: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: f.role }) },
-      { label: "Media Type", value: f.media_type },
-      { label: "Digest", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: f.digest }) },
-      { label: "Size", value: Ae(R) }
+    /* @__PURE__ */ e.jsx(v, { className: "mb-4", children: /* @__PURE__ */ e.jsx(Ge, { items: [
+      { label: "Kind", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono", children: x.kind }) },
+      { label: "Role", value: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: x.role }) },
+      { label: "Media Type", value: x.media_type },
+      { label: "Digest", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: x.digest }) },
+      { label: "Size", value: Pe(o) }
     ] }) }),
-    /* @__PURE__ */ e.jsxs(N, { children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Content" }) }),
-      J ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(v, { children: [
+      /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Content" }) }),
+      G ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-danger", children: [
-          "Error loading artifact: ",
-          J
+          "⚠ Error loading artifact: ",
+          G
         ] }),
-        /* @__PURE__ */ e.jsx("p", { className: "text-muted mt-2", children: /* @__PURE__ */ e.jsx(F, { variant: "primary", onClick: g, children: "Download to view" }) })
-      ] }) : Q ? w ? /* @__PURE__ */ e.jsx("pre", { children: Rs(w) }) : K ? /* @__PURE__ */ e.jsx("pre", { children: K }) : /* @__PURE__ */ e.jsxs("p", { className: "text-muted", children: [
+        /* @__PURE__ */ e.jsx("p", { className: "text-muted mt-2", children: /* @__PURE__ */ e.jsx("a", { href: a.getArtifactDownloadUrl(s, t), children: /* @__PURE__ */ e.jsx(k, { variant: "primary", children: "Download to view" }) }) })
+      ] }) : _ ? $ ? /* @__PURE__ */ e.jsx("pre", { children: _s($) }) : p ? /* @__PURE__ */ e.jsx("pre", { children: p }) : /* @__PURE__ */ e.jsxs("p", { className: "text-muted", children: [
         "Binary content (",
-        Ae(R),
+        Pe(o),
         ") — download to view"
       ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("p", { className: "text-muted", children: [
           /* @__PURE__ */ e.jsx("strong", { children: "Artifact too large for preview" }),
           " (",
-          Ae(R),
+          Pe(o),
           " exceeds ",
-          Ae(H),
+          Pe(J),
           " limit)"
         ] }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-2", children: "Download the artifact to view its contents." }),
-        /* @__PURE__ */ e.jsx("p", { className: "mt-4", children: /* @__PURE__ */ e.jsx(F, { variant: "primary", onClick: g, children: "Download" }) })
+        /* @__PURE__ */ e.jsx("p", { className: "mt-4", children: /* @__PURE__ */ e.jsx("a", { href: a.getArtifactDownloadUrl(s, t), children: /* @__PURE__ */ e.jsx(k, { variant: "primary", children: "Download" }) }) })
       ] })
-    ] }),
-    u && /* @__PURE__ */ e.jsx(
-      Be,
-      {
-        message: u.message,
-        variant: u.variant,
-        visible: !!u,
-        onClose: () => x(null)
-      }
-    )
+    ] })
   ] });
 }
 const Us = [
-  { path: "/", element: /* @__PURE__ */ e.jsx(ds, { to: "/runs", replace: !0 }) },
-  { path: "/runs", element: /* @__PURE__ */ e.jsx(Cs, {}) },
+  { path: "/", element: /* @__PURE__ */ e.jsx(ls, { to: "/runs", replace: !0 }) },
+  { path: "/runs", element: /* @__PURE__ */ e.jsx(Ps, {}) },
   { path: "/runs/:runId", element: /* @__PURE__ */ e.jsx(Ds, {}) },
-  { path: "/runs/:runId/artifacts/:index", element: /* @__PURE__ */ e.jsx(Is, {}) },
+  { path: "/runs/:runId/artifacts/:index", element: /* @__PURE__ */ e.jsx(Ls, {}) },
   { path: "/projects", element: /* @__PURE__ */ e.jsx(ks, {}) },
   { path: "/groups", element: /* @__PURE__ */ e.jsx(As, {}) },
-  { path: "/groups/:groupId", element: /* @__PURE__ */ e.jsx(Fs, {}) },
+  { path: "/groups/:groupId", element: /* @__PURE__ */ e.jsx(Os, {}) },
   { path: "/diff", element: /* @__PURE__ */ e.jsx(Bs, {}) },
-  { path: "/search", element: /* @__PURE__ */ e.jsx(Ls, {}) }
+  { path: "/search", element: /* @__PURE__ */ e.jsx(Is, {}) }
 ];
-function Fr(s = []) {
-  return us([...Us, ...s]);
+function kr(s = []) {
+  return os([...Us, ...s]);
 }
-const Ms = Fr();
+const Ms = kr();
 function zs({ additionalRoutes: s, ...n }) {
-  const t = s?.length ? Fr(s) : Ms;
-  return /* @__PURE__ */ e.jsx(gs, { ...n, children: /* @__PURE__ */ e.jsx(hs, { router: t }) });
+  const t = s?.length ? kr(s) : Ms;
+  return /* @__PURE__ */ e.jsx(js, { ...n, children: /* @__PURE__ */ e.jsx(ds, { router: t }) });
 }
 export {
   Ys as Alert,
-  fs as ApiClient,
-  Ne as ApiError,
+  ms as ApiClient,
+  fe as ApiError,
   zs as App,
-  gs as AppProvider,
-  Is as ArtifactPage,
+  js as AppProvider,
+  Ls as ArtifactPage,
   B as Badge,
-  F as Button,
-  N as Card,
-  D as CardHeader,
-  k as CardTitle,
+  k as Button,
+  v as Card,
+  S as CardHeader,
+  P as CardTitle,
   Bs as DiffPage,
-  ce as EmptyState,
-  X as FormGroup,
-  kr as FormRow,
-  Fs as GroupDetailPage,
+  te as EmptyState,
+  H as FormGroup,
+  Cr as FormRow,
+  Os as GroupDetailPage,
   As as GroupsPage,
-  Ss as GroupsTable,
-  Qe as Input,
-  Je as KVList,
-  re as Label,
-  G as Layout,
-  Ws as LayoutConfigProvider,
-  Dr as Modal,
-  _e as PageHeader,
+  Cs as GroupsTable,
+  Ke as Input,
+  Ge as KVList,
+  Z as Label,
+  q as Layout,
+  Vs as LayoutConfigProvider,
+  Es as Modal,
+  pe as PageHeader,
   ks as ProjectsPage,
-  Ps as ProjectsTable,
+  Ts as ProjectsTable,
   Ds as RunDetailPage,
-  Cs as RunsPage,
-  Ze as RunsTable,
-  Ls as SearchPage,
-  ae as Select,
+  Ps as RunsPage,
+  Je as RunsTable,
+  Is as SearchPage,
+  se as Select,
   V as Spinner,
-  Ar as StatusBadge,
-  L as Table,
-  I as TableBody,
+  Dr as StatusBadge,
+  O as Table,
+  F as TableBody,
   c as TableCell,
-  ee as TableHead,
-  y as TableHeader,
-  j as TableRow,
-  Be as Toast,
-  ps as api,
-  Vs as buildUrl,
-  $ as cn,
+  Q as TableHead,
+  b as TableHeader,
+  m as TableRow,
+  Ss as Toast,
+  fs as api,
+  Ws as buildUrl,
+  A as cn,
   Us as coreRoutes,
-  Fr as createRouter,
-  Ae as formatBytes,
-  _s as formatNumber,
-  Rs as jsonPretty,
+  kr as createRouter,
+  Pe as formatBytes,
+  Ns as formatNumber,
+  _s as jsonPretty,
   Ms as router,
-  Ke as shortDigest,
-  z as shortId,
-  Fe as timeAgo,
-  ws as truncate,
-  W as useApp,
-  ys as useArtifact,
-  Ns as useDiff,
-  bs as useGroup,
-  vs as useGroups,
-  Ts as useLayoutConfig,
-  ye as useMutation,
-  $e as useProjects,
+  qe as shortDigest,
+  K as shortId,
+  Te as timeAgo,
+  ys as truncate,
+  Y as useApp,
+  bs as useArtifact,
+  vs as useDiff,
+  gs as useGroup,
+  ps as useGroups,
+  ws as useLayoutConfig,
+  je as useMutation,
+  ze as useProjects,
   Pr as useRun,
-  Cr as useRuns
+  Sr as useRuns
 };