@devqubit/ui 0.1.11 → 0.1.12

package/dist/index.js

@@ -1,106 +1,106 @@
-import ks, { useState as T, useEffect as je, useContext as Ss, useCallback as _e, createContext as Ps, useRef as _s, forwardRef as Xe } from "react";
-import { useLocation as ur, Link as z, useSearchParams as $e, useParams as Qe, useNavigate as hr, Navigate as xr, createBrowserRouter as mr, RouterProvider as fr } from "react-router-dom";
-var Fe = { exports: {} }, be = {};
-var ws;
-function jr() {
-  if (ws) return be;
-  ws = 1;
-  var r = ks, t = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, u = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(i, f, h) {
-    var m, p = {}, _ = null, U = null;
-    h !== void 0 && (_ = "" + h), f.key !== void 0 && (_ = "" + f.key), f.ref !== void 0 && (U = f.ref);
-    for (m in f) a.call(f, m) && !o.hasOwnProperty(m) && (p[m] = f[m]);
-    if (i && i.defaultProps) for (m in f = i.defaultProps, f) p[m] === void 0 && (p[m] = f[m]);
-    return { $$typeof: t, type: i, key: _, ref: U, props: p, _owner: u.current };
+import Bt, { useContext as dt, createContext as ut, useState as T, useEffect as de, useCallback as me, useRef as De, forwardRef as ht, useMemo as ke } from "react";
+import { useLocation as Rs, Link as se, useSearchParams as He, useParams as xt, useNavigate as Es, Navigate as ks, createBrowserRouter as Cs, RouterProvider as Ts } from "react-router-dom";
+var Ge = { exports: {} }, Te = {};
+var Ft;
+function Ss() {
+  if (Ft) return Te;
+  Ft = 1;
+  var t = Bt, s = /* @__PURE__ */ Symbol.for("react.element"), a = /* @__PURE__ */ Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(i, u, h) {
+    var m, p = {}, b = null, D = null;
+    h !== void 0 && (b = "" + h), u.key !== void 0 && (b = "" + u.key), u.ref !== void 0 && (D = u.ref);
+    for (m in u) n.call(u, m) && !o.hasOwnProperty(m) && (p[m] = u[m]);
+    if (i && i.defaultProps) for (m in u = i.defaultProps, u) p[m] === void 0 && (p[m] = u[m]);
+    return { $$typeof: s, type: i, key: b, ref: D, props: p, _owner: l.current };
   }
-  return be.Fragment = n, be.jsx = d, be.jsxs = d, be;
-}
-var ye = {};
-var Rs;
-function pr() {
-  return Rs || (Rs = 1, process.env.NODE_ENV !== "production" && (function() {
-    var r = ks, t = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.portal"), a = /* @__PURE__ */ Symbol.for("react.fragment"), u = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), d = /* @__PURE__ */ Symbol.for("react.provider"), i = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), h = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), _ = /* @__PURE__ */ Symbol.for("react.lazy"), U = /* @__PURE__ */ Symbol.for("react.offscreen"), w = Symbol.iterator, H = "@@iterator";
-    function k(s) {
-      if (s === null || typeof s != "object")
+  return Te.Fragment = a, Te.jsx = c, Te.jsxs = c, Te;
+}
+var Se = {};
+var $t;
+function Ps() {
+  return $t || ($t = 1, process.env.NODE_ENV !== "production" && (function() {
+    var t = Bt, s = /* @__PURE__ */ Symbol.for("react.element"), a = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), l = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.provider"), i = /* @__PURE__ */ Symbol.for("react.context"), u = /* @__PURE__ */ Symbol.for("react.forward_ref"), h = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), b = /* @__PURE__ */ Symbol.for("react.lazy"), D = /* @__PURE__ */ Symbol.for("react.offscreen"), g = Symbol.iterator, I = "@@iterator";
+    function E(r) {
+      if (r === null || typeof r != "object")
         return null;
-      var l = w && s[w] || s[H];
-      return typeof l == "function" ? l : null;
+      var x = g && r[g] || r[I];
+      return typeof x == "function" ? x : null;
     }
-    var O = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(s) {
+    var A = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function S(r) {
       {
-        for (var l = arguments.length, x = new Array(l > 1 ? l - 1 : 0), g = 1; g < l; g++)
-          x[g - 1] = arguments[g];
-        se("error", s, x);
+        for (var x = arguments.length, f = new Array(x > 1 ? x - 1 : 0), v = 1; v < x; v++)
+          f[v - 1] = arguments[v];
+        ie("error", r, f);
       }
     }
-    function se(s, l, x) {
+    function ie(r, x, f) {
       {
-        var g = O.ReactDebugCurrentFrame, E = g.getStackAddendum();
-        E !== "" && (l += "%s", x = x.concat([E]));
-        var C = x.map(function(R) {
+        var v = A.ReactDebugCurrentFrame, k = v.getStackAddendum();
+        k !== "" && (x += "%s", f = f.concat([k]));
+        var P = f.map(function(R) {
           return String(R);
         });
-        C.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, C);
+        P.unshift("Warning: " + x), Function.prototype.apply.call(console[r], console, P);
       }
     }
-    var te = !1, J = !1, Z = !1, ne = !1, xe = !1, pe;
-    pe = /* @__PURE__ */ Symbol.for("react.module.reference");
-    function Be(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === a || s === o || xe || s === u || s === h || s === m || ne || s === U || te || J || Z || typeof s == "object" && s !== null && (s.$$typeof === _ || s.$$typeof === p || s.$$typeof === d || s.$$typeof === i || s.$$typeof === f || // This needs to include all possible module reference object
+    var ce = !1, Z = !1, J = !1, y = !1, W = !1, ue;
+    ue = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function V(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === n || r === o || W || r === l || r === h || r === m || y || r === D || ce || Z || J || typeof r == "object" && r !== null && (r.$$typeof === b || r.$$typeof === p || r.$$typeof === c || r.$$typeof === i || r.$$typeof === u || // 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.
-      s.$$typeof === pe || s.getModuleId !== void 0));
+      r.$$typeof === ue || r.getModuleId !== void 0));
     }
-    function Ie(s, l, x) {
-      var g = s.displayName;
-      if (g)
-        return g;
-      var E = l.displayName || l.name || "";
-      return E !== "" ? x + "(" + E + ")" : x;
+    function ee(r, x, f) {
+      var v = r.displayName;
+      if (v)
+        return v;
+      var k = x.displayName || x.name || "";
+      return k !== "" ? f + "(" + k + ")" : f;
     }
-    function ke(s) {
-      return s.displayName || "Context";
+    function je(r) {
+      return r.displayName || "Context";
     }
-    function y(s) {
-      if (s == null)
+    function ne(r) {
+      if (r == null)
         return null;
-      if (typeof s.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
-        return s.displayName || s.name || null;
-      if (typeof s == "string")
-        return s;
-      switch (s) {
-        case a:
-          return "Fragment";
+      if (typeof r.tag == "number" && S("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 n:
+          return "Fragment";
+        case a:
           return "Portal";
         case o:
           return "Profiler";
-        case u:
+        case l:
           return "StrictMode";
         case h:
           return "Suspense";
         case m:
           return "SuspenseList";
       }
-      if (typeof s == "object")
-        switch (s.$$typeof) {
+      if (typeof r == "object")
+        switch (r.$$typeof) {
           case i:
-            var l = s;
-            return ke(l) + ".Consumer";
-          case d:
-            var x = s;
-            return ke(x._context) + ".Provider";
-          case f:
-            return Ie(s, s.render, "ForwardRef");
+            var x = r;
+            return je(x) + ".Consumer";
+          case c:
+            var f = r;
+            return je(f._context) + ".Provider";
+          case u:
+            return ee(r, r.render, "ForwardRef");
           case p:
-            var g = s.displayName || null;
-            return g !== null ? g : y(s.type) || "Memo";
-          case _: {
-            var E = s, C = E._payload, R = E._init;
+            var v = r.displayName || null;
+            return v !== null ? v : ne(r.type) || "Memo";
+          case b: {
+            var k = r, P = k._payload, R = k._init;
             try {
-              return y(R(C));
+              return ne(R(P));
             } catch {
               return null;
             }
@@ -108,103 +108,103 @@ function pr() {
         }
       return null;
     }
-    var P = Object.assign, ce = 0, ge, Se, le, ts, ns, as, is;
-    function cs() {
+    var te = Object.assign, le = 0, C, L, pe, he, Le, ye, qe;
+    function gt() {
     }
-    cs.__reactDisabledLog = !0;
-    function Bs() {
+    gt.__reactDisabledLog = !0;
+    function Qt() {
       {
-        if (ce === 0) {
-          ge = console.log, Se = console.info, le = console.warn, ts = console.error, ns = console.group, as = console.groupCollapsed, is = console.groupEnd;
-          var s = {
+        if (le === 0) {
+          C = console.log, L = console.info, pe = console.warn, he = console.error, Le = console.group, ye = console.groupCollapsed, qe = console.groupEnd;
+          var r = {
             configurable: !0,
             enumerable: !0,
-            value: cs,
+            value: gt,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: s,
-            log: s,
-            warn: s,
-            error: s,
-            group: s,
-            groupCollapsed: s,
-            groupEnd: s
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
           });
         }
-        ce++;
+        le++;
       }
     }
-    function Is() {
+    function Zt() {
       {
-        if (ce--, ce === 0) {
-          var s = {
+        if (le--, le === 0) {
+          var r = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: P({}, s, {
-              value: ge
+            log: te({}, r, {
+              value: C
             }),
-            info: P({}, s, {
-              value: Se
+            info: te({}, r, {
+              value: L
             }),
-            warn: P({}, s, {
-              value: le
+            warn: te({}, r, {
+              value: pe
             }),
-            error: P({}, s, {
-              value: ts
+            error: te({}, r, {
+              value: he
             }),
-            group: P({}, s, {
-              value: ns
+            group: te({}, r, {
+              value: Le
             }),
-            groupCollapsed: P({}, s, {
-              value: as
+            groupCollapsed: te({}, r, {
+              value: ye
             }),
-            groupEnd: P({}, s, {
-              value: is
+            groupEnd: te({}, r, {
+              value: qe
             })
           });
         }
-        ce < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        le < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var qe = O.ReactCurrentDispatcher, Ue;
-    function Pe(s, l, x) {
+    var Je = A.ReactCurrentDispatcher, Xe;
+    function Ie(r, x, f) {
       {
-        if (Ue === void 0)
+        if (Xe === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var g = E.stack.trim().match(/\n( *(at )?)/);
-            Ue = g && g[1] || "";
+          } catch (k) {
+            var v = k.stack.trim().match(/\n( *(at )?)/);
+            Xe = v && v[1] || "";
           }
         return `
-` + Ue + s;
+` + Xe + r;
       }
     }
-    var Me = !1, Te;
+    var Qe = !1, Be;
     {
-      var qs = typeof WeakMap == "function" ? WeakMap : Map;
-      Te = new qs();
+      var es = typeof WeakMap == "function" ? WeakMap : Map;
+      Be = new es();
     }
-    function ls(s, l) {
-      if (!s || Me)
+    function vt(r, x) {
+      if (!r || Qe)
         return "";
       {
-        var x = Te.get(s);
-        if (x !== void 0)
-          return x;
+        var f = Be.get(r);
+        if (f !== void 0)
+          return f;
       }
-      var g;
-      Me = !0;
-      var E = Error.prepareStackTrace;
+      var v;
+      Qe = !0;
+      var k = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var C;
-      C = qe.current, qe.current = null, Bs();
+      var P;
+      P = Je.current, Je.current = null, Qt();
       try {
-        if (l) {
+        if (x) {
           var R = function() {
             throw Error();
           };
@@ -215,434 +215,436 @@ function pr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(R, []);
-            } catch (M) {
-              g = M;
+            } catch (X) {
+              v = X;
             }
-            Reflect.construct(s, [], R);
+            Reflect.construct(r, [], R);
           } else {
             try {
               R.call();
-            } catch (M) {
-              g = M;
+            } catch (X) {
+              v = X;
             }
-            s.call(R.prototype);
+            r.call(R.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (M) {
-            g = M;
+          } catch (X) {
+            v = X;
           }
-          s();
+          r();
         }
-      } catch (M) {
-        if (M && g && typeof M.stack == "string") {
-          for (var v = M.stack.split(`
-`), q = g.stack.split(`
-`), A = v.length - 1, F = q.length - 1; A >= 1 && F >= 0 && v[A] !== q[F]; )
-            F--;
-          for (; A >= 1 && F >= 0; A--, F--)
-            if (v[A] !== q[F]) {
-              if (A !== 1 || F !== 1)
+      } catch (X) {
+        if (X && v && typeof X.stack == "string") {
+          for (var _ = X.stack.split(`
+`), z = v.stack.split(`
+`), O = _.length - 1, M = z.length - 1; O >= 1 && M >= 0 && _[O] !== z[M]; )
+            M--;
+          for (; O >= 1 && M >= 0; O--, M--)
+            if (_[O] !== z[M]) {
+              if (O !== 1 || M !== 1)
                 do
-                  if (A--, F--, F < 0 || v[A] !== q[F]) {
-                    var X = `
-` + v[A].replace(" at new ", " at ");
-                    return s.displayName && X.includes("<anonymous>") && (X = X.replace("<anonymous>", s.displayName)), typeof s == "function" && Te.set(s, X), X;
+                  if (O--, M--, M < 0 || _[O] !== z[M]) {
+                    var ae = `
+` + _[O].replace(" at new ", " at ");
+                    return r.displayName && ae.includes("<anonymous>") && (ae = ae.replace("<anonymous>", r.displayName)), typeof r == "function" && Be.set(r, ae), ae;
                   }
-                while (A >= 1 && F >= 0);
+                while (O >= 1 && M >= 0);
               break;
             }
         }
       } finally {
-        Me = !1, qe.current = C, Is(), Error.prepareStackTrace = E;
+        Qe = !1, Je.current = P, Zt(), Error.prepareStackTrace = k;
       }
-      var fe = s ? s.displayName || s.name : "", oe = fe ? Pe(fe) : "";
-      return typeof s == "function" && Te.set(s, oe), oe;
+      var Ee = r ? r.displayName || r.name : "", Ne = Ee ? Ie(Ee) : "";
+      return typeof r == "function" && Be.set(r, Ne), Ne;
     }
-    function Us(s, l, x) {
-      return ls(s, !1);
+    function ts(r, x, f) {
+      return vt(r, !1);
     }
-    function Ms(s) {
-      var l = s.prototype;
-      return !!(l && l.isReactComponent);
+    function ss(r) {
+      var x = r.prototype;
+      return !!(x && x.isReactComponent);
     }
-    function De(s, l, x) {
-      if (s == null)
+    function Ue(r, x, f) {
+      if (r == null)
         return "";
-      if (typeof s == "function")
-        return ls(s, Ms(s));
-      if (typeof s == "string")
-        return Pe(s);
-      switch (s) {
+      if (typeof r == "function")
+        return vt(r, ss(r));
+      if (typeof r == "string")
+        return Ie(r);
+      switch (r) {
         case h:
-          return Pe("Suspense");
+          return Ie("Suspense");
         case m:
-          return Pe("SuspenseList");
+          return Ie("SuspenseList");
       }
-      if (typeof s == "object")
-        switch (s.$$typeof) {
-          case f:
-            return Us(s.render);
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case u:
+            return ts(r.render);
           case p:
-            return De(s.type, l, x);
-          case _: {
-            var g = s, E = g._payload, C = g._init;
+            return Ue(r.type, x, f);
+          case b: {
+            var v = r, k = v._payload, P = v._init;
             try {
-              return De(C(E), l, x);
+              return Ue(P(k), x, f);
             } catch {
             }
           }
         }
       return "";
     }
-    var ve = Object.prototype.hasOwnProperty, os = {}, ds = O.ReactDebugCurrentFrame;
-    function Ae(s) {
-      if (s) {
-        var l = s._owner, x = De(s.type, s._source, l ? l.type : null);
-        ds.setExtraStackFrame(x);
+    var Ce = Object.prototype.hasOwnProperty, bt = {}, yt = A.ReactDebugCurrentFrame;
+    function We(r) {
+      if (r) {
+        var x = r._owner, f = Ue(r.type, r._source, x ? x.type : null);
+        yt.setExtraStackFrame(f);
       } else
-        ds.setExtraStackFrame(null);
+        yt.setExtraStackFrame(null);
     }
-    function Ws(s, l, x, g, E) {
+    function rs(r, x, f, v, k) {
       {
-        var C = Function.call.bind(ve);
-        for (var R in s)
-          if (C(s, R)) {
-            var v = void 0;
+        var P = Function.call.bind(Ce);
+        for (var R in r)
+          if (P(r, R)) {
+            var _ = void 0;
             try {
-              if (typeof s[R] != "function") {
-                var q = Error((g || "React class") + ": " + x + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw q.name = "Invariant Violation", q;
+              if (typeof r[R] != "function") {
+                var z = Error((v || "React class") + ": " + f + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw z.name = "Invariant Violation", z;
               }
-              v = s[R](l, R, g, x, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (A) {
-              v = A;
+              _ = r[R](x, R, v, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (O) {
+              _ = O;
             }
-            v && !(v instanceof Error) && (Ae(E), S("%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).", g || "React class", x, R, typeof v), Ae(null)), v instanceof Error && !(v.message in os) && (os[v.message] = !0, Ae(E), S("Failed %s type: %s", x, v.message), Ae(null));
+            _ && !(_ instanceof Error) && (We(k), S("%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).", v || "React class", f, R, typeof _), We(null)), _ instanceof Error && !(_.message in bt) && (bt[_.message] = !0, We(k), S("Failed %s type: %s", f, _.message), We(null));
           }
       }
     }
-    var Gs = Array.isArray;
-    function We(s) {
-      return Gs(s);
+    var ns = Array.isArray;
+    function Ze(r) {
+      return ns(r);
     }
-    function Vs(s) {
+    function as(r) {
       {
-        var l = typeof Symbol == "function" && Symbol.toStringTag, x = l && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return x;
+        var x = typeof Symbol == "function" && Symbol.toStringTag, f = x && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return f;
       }
     }
-    function zs(s) {
+    function is(r) {
       try {
-        return us(s), !1;
+        return Nt(r), !1;
       } catch {
         return !0;
       }
     }
-    function us(s) {
-      return "" + s;
+    function Nt(r) {
+      return "" + r;
     }
-    function hs(s) {
-      if (zs(s))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Vs(s)), us(s);
+    function _t(r) {
+      if (is(r))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", as(r)), Nt(r);
     }
-    var xs = O.ReactCurrentOwner, Ys = {
+    var wt = A.ReactCurrentOwner, cs = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ms, fs;
-    function Ks(s) {
-      if (ve.call(s, "ref")) {
-        var l = Object.getOwnPropertyDescriptor(s, "ref").get;
-        if (l && l.isReactWarning)
+    }, Rt, Et;
+    function ls(r) {
+      if (Ce.call(r, "ref")) {
+        var x = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (x && x.isReactWarning)
           return !1;
       }
-      return s.ref !== void 0;
+      return r.ref !== void 0;
     }
-    function Hs(s) {
-      if (ve.call(s, "key")) {
-        var l = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (l && l.isReactWarning)
+    function os(r) {
+      if (Ce.call(r, "key")) {
+        var x = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (x && x.isReactWarning)
           return !1;
       }
-      return s.key !== void 0;
+      return r.key !== void 0;
     }
-    function Js(s, l) {
-      typeof s.ref == "string" && xs.current;
+    function ds(r, x) {
+      typeof r.ref == "string" && wt.current;
     }
-    function Xs(s, l) {
+    function us(r, x) {
       {
-        var x = function() {
-          ms || (ms = !0, S("%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 f = function() {
+          Rt || (Rt = !0, S("%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)", x));
         };
-        x.isReactWarning = !0, Object.defineProperty(s, "key", {
-          get: x,
+        f.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: f,
           configurable: !0
         });
       }
     }
-    function Qs(s, l) {
+    function hs(r, x) {
       {
-        var x = function() {
-          fs || (fs = !0, S("%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 f = function() {
+          Et || (Et = !0, S("%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)", x));
         };
-        x.isReactWarning = !0, Object.defineProperty(s, "ref", {
-          get: x,
+        f.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: f,
           configurable: !0
         });
       }
     }
-    var Zs = function(s, l, x, g, E, C, R) {
-      var v = {
+    var xs = function(r, x, f, v, k, P, R) {
+      var _ = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: t,
+        $$typeof: s,
         // Built-in properties that belong on the element
-        type: s,
-        key: l,
-        ref: x,
+        type: r,
+        key: x,
+        ref: f,
         props: R,
         // Record the component responsible for creating this element.
-        _owner: C
+        _owner: P
       };
-      return v._store = {}, Object.defineProperty(v._store, "validated", {
+      return _._store = {}, Object.defineProperty(_._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(v, "_self", {
+      }), Object.defineProperty(_, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: g
-      }), Object.defineProperty(v, "_source", {
+        value: v
+      }), Object.defineProperty(_, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+        value: k
+      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     };
-    function er(s, l, x, g, E) {
+    function ms(r, x, f, v, k) {
       {
-        var C, R = {}, v = null, q = null;
-        x !== void 0 && (hs(x), v = "" + x), Hs(l) && (hs(l.key), v = "" + l.key), Ks(l) && (q = l.ref, Js(l, E));
-        for (C in l)
-          ve.call(l, C) && !Ys.hasOwnProperty(C) && (R[C] = l[C]);
-        if (s && s.defaultProps) {
-          var A = s.defaultProps;
-          for (C in A)
-            R[C] === void 0 && (R[C] = A[C]);
+        var P, R = {}, _ = null, z = null;
+        f !== void 0 && (_t(f), _ = "" + f), os(x) && (_t(x.key), _ = "" + x.key), ls(x) && (z = x.ref, ds(x, k));
+        for (P in x)
+          Ce.call(x, P) && !cs.hasOwnProperty(P) && (R[P] = x[P]);
+        if (r && r.defaultProps) {
+          var O = r.defaultProps;
+          for (P in O)
+            R[P] === void 0 && (R[P] = O[P]);
         }
-        if (v || q) {
-          var F = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          v && Xs(R, F), q && Qs(R, F);
+        if (_ || z) {
+          var M = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          _ && us(R, M), z && hs(R, M);
         }
-        return Zs(s, v, q, E, g, xs.current, R);
+        return xs(r, _, z, k, v, wt.current, R);
       }
     }
-    var Ge = O.ReactCurrentOwner, js = O.ReactDebugCurrentFrame;
-    function me(s) {
-      if (s) {
-        var l = s._owner, x = De(s.type, s._source, l ? l.type : null);
-        js.setExtraStackFrame(x);
+    var et = A.ReactCurrentOwner, kt = A.ReactDebugCurrentFrame;
+    function Re(r) {
+      if (r) {
+        var x = r._owner, f = Ue(r.type, r._source, x ? x.type : null);
+        kt.setExtraStackFrame(f);
       } else
-        js.setExtraStackFrame(null);
+        kt.setExtraStackFrame(null);
     }
-    var Ve;
-    Ve = !1;
-    function ze(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === t;
+    var tt;
+    tt = !1;
+    function st(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === s;
     }
-    function ps() {
+    function Ct() {
       {
-        if (Ge.current) {
-          var s = y(Ge.current.type);
-          if (s)
+        if (et.current) {
+          var r = ne(et.current.type);
+          if (r)
             return `
 
-Check the render method of \`` + s + "`.";
+Check the render method of \`` + r + "`.";
         }
         return "";
       }
     }
-    function sr(s) {
+    function fs(r) {
       return "";
     }
-    var gs = {};
-    function rr(s) {
+    var Tt = {};
+    function js(r) {
       {
-        var l = ps();
-        if (!l) {
-          var x = typeof s == "string" ? s : s.displayName || s.name;
-          x && (l = `
+        var x = Ct();
+        if (!x) {
+          var f = typeof r == "string" ? r : r.displayName || r.name;
+          f && (x = `
 
-Check the top-level render call using <` + x + ">.");
+Check the top-level render call using <` + f + ">.");
         }
-        return l;
+        return x;
       }
     }
-    function vs(s, l) {
+    function St(r, x) {
       {
-        if (!s._store || s._store.validated || s.key != null)
+        if (!r._store || r._store.validated || r.key != null)
           return;
-        s._store.validated = !0;
-        var x = rr(l);
-        if (gs[x])
+        r._store.validated = !0;
+        var f = js(x);
+        if (Tt[f])
           return;
-        gs[x] = !0;
-        var g = "";
-        s && s._owner && s._owner !== Ge.current && (g = " It was passed a child from " + y(s._owner.type) + "."), me(s), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', x, g), me(null);
+        Tt[f] = !0;
+        var v = "";
+        r && r._owner && r._owner !== et.current && (v = " It was passed a child from " + ne(r._owner.type) + "."), Re(r), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', f, v), Re(null);
       }
     }
-    function bs(s, l) {
+    function Pt(r, x) {
       {
-        if (typeof s != "object")
+        if (typeof r != "object")
           return;
-        if (We(s))
-          for (var x = 0; x < s.length; x++) {
-            var g = s[x];
-            ze(g) && vs(g, l);
+        if (Ze(r))
+          for (var f = 0; f < r.length; f++) {
+            var v = r[f];
+            st(v) && St(v, x);
           }
-        else if (ze(s))
-          s._store && (s._store.validated = !0);
-        else if (s) {
-          var E = k(s);
-          if (typeof E == "function" && E !== s.entries)
-            for (var C = E.call(s), R; !(R = C.next()).done; )
-              ze(R.value) && vs(R.value, l);
+        else if (st(r))
+          r._store && (r._store.validated = !0);
+        else if (r) {
+          var k = E(r);
+          if (typeof k == "function" && k !== r.entries)
+            for (var P = k.call(r), R; !(R = P.next()).done; )
+              st(R.value) && St(R.value, x);
         }
       }
     }
-    function tr(s) {
+    function ps(r) {
       {
-        var l = s.type;
-        if (l == null || typeof l == "string")
+        var x = r.type;
+        if (x == null || typeof x == "string")
           return;
-        var x;
-        if (typeof l == "function")
-          x = l.propTypes;
-        else if (typeof l == "object" && (l.$$typeof === f || // Note: Memo only checks outer props here.
+        var f;
+        if (typeof x == "function")
+          f = x.propTypes;
+        else if (typeof x == "object" && (x.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === p))
-          x = l.propTypes;
+        x.$$typeof === p))
+          f = x.propTypes;
         else
           return;
-        if (x) {
-          var g = y(l);
-          Ws(x, s.props, "prop", g, s);
-        } else if (l.PropTypes !== void 0 && !Ve) {
-          Ve = !0;
-          var E = y(l);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+        if (f) {
+          var v = ne(x);
+          rs(f, r.props, "prop", v, r);
+        } else if (x.PropTypes !== void 0 && !tt) {
+          tt = !0;
+          var k = ne(x);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
         }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function nr(s) {
+    function gs(r) {
       {
-        for (var l = Object.keys(s.props), x = 0; x < l.length; x++) {
-          var g = l[x];
-          if (g !== "children" && g !== "key") {
-            me(s), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), me(null);
+        for (var x = Object.keys(r.props), f = 0; f < x.length; f++) {
+          var v = x[f];
+          if (v !== "children" && v !== "key") {
+            Re(r), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), Re(null);
             break;
           }
         }
-        s.ref !== null && (me(s), S("Invalid attribute `ref` supplied to `React.Fragment`."), me(null));
+        r.ref !== null && (Re(r), S("Invalid attribute `ref` supplied to `React.Fragment`."), Re(null));
       }
     }
-    var ys = {};
-    function Ns(s, l, x, g, E, C) {
+    var Dt = {};
+    function At(r, x, f, v, k, P) {
       {
-        var R = Be(s);
+        var R = V(r);
         if (!R) {
-          var v = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).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 q = sr();
-          q ? v += q : v += ps();
-          var A;
-          s === null ? A = "null" : We(s) ? A = "array" : s !== void 0 && s.$$typeof === t ? (A = "<" + (y(s.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : A = typeof s, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, v);
+          var _ = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (_ += " 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 z = fs();
+          z ? _ += z : _ += Ct();
+          var O;
+          r === null ? O = "null" : Ze(r) ? O = "array" : r !== void 0 && r.$$typeof === s ? (O = "<" + (ne(r.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : O = typeof r, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", O, _);
         }
-        var F = er(s, l, x, E, C);
-        if (F == null)
-          return F;
+        var M = ms(r, x, f, k, P);
+        if (M == null)
+          return M;
         if (R) {
-          var X = l.children;
-          if (X !== void 0)
-            if (g)
-              if (We(X)) {
-                for (var fe = 0; fe < X.length; fe++)
-                  bs(X[fe], s);
-                Object.freeze && Object.freeze(X);
+          var ae = x.children;
+          if (ae !== void 0)
+            if (v)
+              if (Ze(ae)) {
+                for (var Ee = 0; Ee < ae.length; Ee++)
+                  Pt(ae[Ee], r);
+                Object.freeze && Object.freeze(ae);
               } else
                 S("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
-              bs(X, s);
+              Pt(ae, r);
         }
-        if (ve.call(l, "key")) {
-          var oe = y(s), M = Object.keys(l).filter(function(dr) {
-            return dr !== "key";
-          }), Ye = M.length > 0 ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ys[oe + Ye]) {
-            var or = M.length > 0 ? "{" + M.join(": ..., ") + ": ...}" : "{}";
+        if (Ce.call(x, "key")) {
+          var Ne = ne(r), X = Object.keys(x).filter(function(ws) {
+            return ws !== "key";
+          }), rt = X.length > 0 ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Dt[Ne + rt]) {
+            var _s = X.length > 0 ? "{" + X.join(": ..., ") + ": ...}" : "{}";
             S(`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} />`, Ye, oe, or, oe), ys[oe + Ye] = !0;
+  <%s key={someKey} {...props} />`, rt, Ne, _s, Ne), Dt[Ne + rt] = !0;
           }
         }
-        return s === a ? nr(F) : tr(F), F;
+        return r === n ? gs(M) : ps(M), M;
       }
     }
-    function ar(s, l, x) {
-      return Ns(s, l, x, !0);
+    function vs(r, x, f) {
+      return At(r, x, f, !0);
     }
-    function ir(s, l, x) {
-      return Ns(s, l, x, !1);
+    function bs(r, x, f) {
+      return At(r, x, f, !1);
     }
-    var cr = ir, lr = ar;
-    ye.Fragment = a, ye.jsx = cr, ye.jsxs = lr;
-  })()), ye;
+    var ys = bs, Ns = vs;
+    Se.Fragment = n, Se.jsx = ys, Se.jsxs = Ns;
+  })()), Se;
 }
-var Es;
-function gr() {
-  return Es || (Es = 1, process.env.NODE_ENV === "production" ? Fe.exports = jr() : Fe.exports = pr()), Fe.exports;
+var Ot;
+function Ds() {
+  return Ot || (Ot = 1, process.env.NODE_ENV === "production" ? Ge.exports = Ss() : Ge.exports = Ps()), Ge.exports;
 }
-var e = gr();
-class we extends Error {
-  constructor(t, n) {
-    super(n), this.status = t, this.name = "ApiError";
+var e = Ds();
+class Ae extends Error {
+  constructor(s, a) {
+    super(a), this.status = s, this.name = "ApiError";
   }
 }
-class vr {
+class As {
   baseUrl;
   headers;
-  constructor(t = {}) {
-    this.baseUrl = t.baseUrl ?? "", this.headers = {
+  constructor(s = {}) {
+    this.baseUrl = s.baseUrl ?? "", this.headers = {
       "Content-Type": "application/json",
-      ...t.headers
+      ...s.headers
     };
   }
-  async request(t, n, a = {}) {
-    let u = `${this.baseUrl}${n}`;
-    if (a.params) {
-      const d = new URLSearchParams();
-      Object.entries(a.params).forEach(([f, h]) => {
-        h != null && h !== "" && d.set(f, String(h));
+  async request(s, a, n = {}) {
+    let l = `${this.baseUrl}${a}`;
+    if (n.params) {
+      const c = new URLSearchParams();
+      Object.entries(n.params).forEach(([u, h]) => {
+        h != null && h !== "" && c.set(u, String(h));
       });
-      const i = d.toString();
-      i && (u += `?${i}`);
-    }
-    const o = await fetch(u, {
-      method: t,
-      headers: this.headers,
-      body: a.body ? JSON.stringify(a.body) : void 0
+      const i = c.toString();
+      i && (l += `?${i}`);
+    }
+    const o = await fetch(l, {
+      method: s,
+      headers: { ...this.headers, ...n.headers },
+      body: n.body ? JSON.stringify(n.body) : void 0,
+      credentials: n.credentials,
+      cache: "no-store"
     });
     if (!o.ok) {
-      const d = await o.json().catch(() => ({ detail: "Unknown error" }));
-      throw new we(o.status, d.detail || o.statusText);
+      const c = await o.json().catch(() => ({ detail: "Unknown error" }));
+      throw new Ae(o.status, c.detail || o.statusText);
     }
     if (!(o.status === 204 || o.headers.get("content-length") === "0"))
       return o.json();
@@ -650,510 +652,625 @@ class vr {
   async getCapabilities() {
     return this.request("GET", "/api/v1/capabilities");
   }
-  async listRuns(t) {
-    return this.request("GET", "/api/runs", { params: t });
+  async listRuns(s) {
+    return this.request("GET", "/api/runs", { params: s });
   }
-  async getRun(t) {
-    return this.request("GET", `/api/runs/${t}`);
+  async getRun(s) {
+    return this.request("GET", `/api/runs/${s}`);
   }
-  async deleteRun(t) {
-    await this.request("DELETE", `/api/runs/${t}`);
+  async deleteRun(s) {
+    await this.request("DELETE", `/api/runs/${s}`);
   }
-  async setBaseline(t, n) {
-    return this.request("POST", `/api/projects/${t}/baseline/${n}`, {
+  async setBaseline(s, a) {
+    return this.request("POST", `/api/projects/${s}/baseline/${a}`, {
       params: { redirect: "false" }
     });
   }
-  async listProjects(t) {
-    return this.request("GET", "/api/projects", { params: t });
+  async listProjects(s) {
+    return this.request("GET", "/api/projects", { params: s });
   }
-  async listGroups(t) {
-    return this.request("GET", "/api/groups", { params: t });
+  async listGroups(s) {
+    return this.request("GET", "/api/groups", { params: s });
   }
-  async getGroup(t) {
-    return this.request("GET", `/api/groups/${t}`);
+  async getGroup(s) {
+    return this.request("GET", `/api/groups/${s}`);
   }
-  async getDiff(t, n) {
+  async getDiff(s, a) {
     return this.request("GET", "/api/diff", {
-      params: { a: t, b: n }
+      params: { a: s, b: a }
     });
   }
-  async getArtifact(t, n) {
-    return this.request("GET", `/api/runs/${t}/artifacts/${n}`);
+  async getArtifact(s, a) {
+    return this.request("GET", `/api/runs/${s}/artifacts/${a}`);
+  }
+  getArtifactDownloadUrl(s, a) {
+    return `${this.baseUrl}/api/runs/${s}/artifacts/${a}/raw`;
   }
-  getArtifactDownloadUrl(t, n) {
-    return `${this.baseUrl}/api/runs/${t}/artifacts/${n}/raw`;
+  async createExport(s) {
+    return this.request("POST", `/api/runs/${s}/export`);
   }
-  async createExport(t) {
-    return this.request("POST", `/api/runs/${t}/export`);
+  async getExportInfo(s) {
+    return this.request("GET", `/api/runs/${s}/export/info`);
   }
-  async getExportInfo(t) {
-    return this.request("GET", `/api/runs/${t}/export/info`);
+  getExportDownloadUrl(s) {
+    return `${this.baseUrl}/api/runs/${s}/export/download`;
   }
-  getExportDownloadUrl(t) {
-    return `${this.baseUrl}/api/runs/${t}/export/download`;
+  async getMetricSeries(s) {
+    return this.request("GET", `/api/runs/${s}/metric_series`);
+  }
+}
+const Fs = new As();
+function oe(t) {
+  return t?.slice(0, 8) ?? "";
+}
+function ct(t) {
+  return t?.slice(0, 12) ?? "N/A";
+}
+function Ye(t) {
+  const s = new Date(t), n = Math.floor(((/* @__PURE__ */ new Date()).getTime() - s.getTime()) / 1e3);
+  if (n < 60) return "just now";
+  if (n < 3600) {
+    const o = Math.floor(n / 60);
+    return `${o} minute${o !== 1 ? "s" : ""} ago`;
+  }
+  if (n < 86400) {
+    const o = Math.floor(n / 3600);
+    return `${o} hour${o !== 1 ? "s" : ""} ago`;
+  }
+  if (n < 2592e3) {
+    const o = Math.floor(n / 86400);
+    return `${o} day${o !== 1 ? "s" : ""} ago`;
+  }
+  if (n < 31536e3) {
+    const o = Math.floor(n / 2592e3);
+    return `${o} month${o !== 1 ? "s" : ""} ago`;
   }
+  const l = Math.floor(n / 31536e3);
+  return `${l} year${l !== 1 ? "s" : ""} ago`;
 }
-const br = new vr(), Ts = Ps(null);
-function yr({
-  children: r,
-  api: t = br,
-  initialWorkspace: n = null
+function lt(t, s = 6) {
+  return typeof t != "number" || isNaN(t) ? String(t) : Number(t.toPrecision(s)).toString();
+}
+function Ve(t) {
+  return t < 1024 ? `${t} bytes` : t < 1048576 ? `${(t / 1024).toFixed(1)} KB` : `${(t / 1048576).toFixed(1)} MB`;
+}
+function $s(t) {
+  return JSON.stringify(t, null, 2);
+}
+function Os(t, s = 60) {
+  return t ? t.length <= s ? t : t.slice(0, s - 3) + "..." : "";
+}
+function kr(t, s) {
+  const a = new URLSearchParams();
+  Object.entries(s).forEach(([l, o]) => {
+    o != null && o !== "" && a.set(l, String(o));
+  });
+  const n = a.toString();
+  return n ? `${t}?${n}` : t;
+}
+function q(...t) {
+  return t.filter(Boolean).join(" ");
+}
+function Ut(t, s) {
+  const a = new Date(t).getTime(), n = s ? new Date(s).getTime() : Date.now();
+  return Math.max(0, Math.floor((n - a) / 1e3));
+}
+function Wt(t) {
+  if (t < 60) return `${t}s`;
+  const s = Math.floor(t / 86400), a = Math.floor(t % 86400 / 3600), n = Math.floor(t % 3600 / 60), l = t % 60;
+  return s > 0 ? `${s}d ${a}h ${n}m` : a > 0 ? `${a}h ${n}m ${l}s` : `${n}m ${l}s`;
+}
+function $e(t) {
+  return t === "FINISHED" || t === "FAILED" || t === "KILLED";
+}
+const Gt = ut(null);
+function Cr({ children: t }) {
+  const s = {
+    theme: "light",
+    resolvedTheme: "light",
+    setTheme: () => {
+    },
+    toggleTheme: () => {
+    }
+  };
+  return /* @__PURE__ */ e.jsx(Gt.Provider, { value: s, children: t });
+}
+function Ms() {
+  const t = dt(Gt);
+  return t || {
+    theme: "light",
+    resolvedTheme: "light",
+    setTheme: () => {
+    },
+    toggleTheme: () => {
+    }
+  };
+}
+function Tr() {
+  return Ms();
+}
+const nt = 1e3, Ls = {
+  runsActive: nt,
+  runsIdle: nt,
+  runDetail: nt
+}, Vt = ut(null);
+function qs({
+  children: t,
+  api: s = Fs,
+  initialWorkspace: a = null,
+  pollingConfig: n
 }) {
-  const [a, u] = T(null), [o, d] = T(n);
-  return je(() => {
-    t.getCapabilities().then(u).catch(console.error);
-  }, [t]), /* @__PURE__ */ e.jsx(Ts.Provider, { value: { api: t, capabilities: a, currentWorkspace: o, setCurrentWorkspace: d }, children: r });
+  const [l, o] = T(null), [c, i] = T(a), u = {
+    ...Ls,
+    ...n
+  };
+  return de(() => {
+    s.getCapabilities().then(o).catch(console.error);
+  }, [s]), /* @__PURE__ */ e.jsx(Vt.Provider, { value: { api: s, capabilities: l, currentWorkspace: c, setCurrentWorkspace: i, pollingConfig: u }, children: t });
 }
 function K() {
-  const r = Ss(Ts);
-  if (!r) throw new Error("useApp must be used within AppProvider");
-  return r;
+  const t = dt(Vt);
+  if (!t) throw new Error("useApp must be used within AppProvider");
+  return t;
 }
-function ue(r, t = []) {
-  const [n, a] = T({
+function be(t, s = []) {
+  const [a, n] = T({
     data: null,
     loading: !0,
     error: null
-  }), u = _s(!0), o = _s(r);
-  o.current = r;
-  const d = _e(async () => {
-    a((i) => ({ ...i, loading: !0, error: null }));
+  }), l = De(!0), o = De(t);
+  o.current = t;
+  const c = me(async (u) => {
+    u || n((h) => ({ ...h, loading: !0, error: null }));
     try {
-      const i = await o.current();
-      u.current && a({ data: i, loading: !1, error: null });
-    } catch (i) {
-      u.current && a({
-        data: null,
-        loading: !1,
-        error: i instanceof we ? i : new we(500, String(i))
-      });
+      const h = await o.current();
+      l.current && n({ data: h, loading: !1, error: null });
+    } catch (h) {
+      if (l.current) {
+        const m = h instanceof Ae ? h : new Ae(500, String(h));
+        n((p) => ({
+          data: u ? p.data : null,
+          loading: !1,
+          error: m
+        }));
+      }
     }
   }, []);
-  return je(() => (u.current = !0, d(), () => {
-    u.current = !1;
-  }), t), { ...n, refetch: d };
-}
-function Ds(r) {
-  const { api: t, currentWorkspace: n } = K();
-  return ue(
-    () => t.listRuns({ ...r, workspace: n?.id }),
-    [t, n?.id, r?.project, r?.status, r?.q, r?.limit]
-  );
+  de(() => (l.current = !0, c(!1), () => {
+    l.current = !1;
+  }), s);
+  const i = me(() => c(!0), [c]);
+  return { ...a, refetch: i };
+}
+function mt(t, s, a) {
+  de(() => {
+    if (!a) return;
+    let n, l = !1;
+    const o = () => {
+      if (l) return;
+      const u = s * 0.1 * (Math.random() * 2 - 1);
+      n = setTimeout(c, Math.max(500, s + u));
+    }, c = async () => {
+      if (!l && document.visibilityState !== "hidden") {
+        try {
+          await t();
+        } catch {
+        }
+        o();
+      }
+    };
+    o();
+    const i = () => {
+      l || document.visibilityState !== "visible" || (clearTimeout(n), Promise.resolve(t()).catch(() => {
+      }).finally(o));
+    };
+    return document.addEventListener("visibilitychange", i), () => {
+      l = !0, clearTimeout(n), document.removeEventListener("visibilitychange", i);
+    };
+  }, [t, s, a]);
+}
+function zt(t) {
+  const { api: s, currentWorkspace: a, pollingConfig: n } = K(), l = be(
+    () => s.listRuns({ ...t, workspace: a?.id }),
+    [s, a?.id, t?.project, t?.status, t?.q, t?.limit]
+  ), c = l.data?.runs.some((i) => !$e(i.status)) ?? !1 ? n.runsActive : n.runsIdle;
+  return mt(l.refetch, c, !0), l;
 }
-function As(r) {
-  const { api: t } = K();
-  return ue(
+function Yt(t) {
+  const { api: s, pollingConfig: a } = K(), n = be(
     async () => {
-      const { run: n } = await t.getRun(r);
-      return n;
+      const { run: o } = await s.getRun(t);
+      return o;
     },
-    [t, r]
-  );
+    [s, t]
+  ), l = n.data ? !$e(n.data.status) : !1;
+  return mt(n.refetch, a.runDetail, l), n;
 }
-function Le() {
-  const { api: r, currentWorkspace: t } = K();
-  return ue(
+function Ke() {
+  const { api: t, currentWorkspace: s } = K();
+  return be(
     async () => {
-      const { projects: n } = await r.listProjects({ workspace: t?.id });
-      return n;
+      const { projects: a } = await t.listProjects({ workspace: s?.id });
+      return a;
     },
-    [r, t?.id]
+    [t, s?.id]
   );
 }
-function Nr(r) {
-  const { api: t, currentWorkspace: n } = K();
-  return ue(
+function Is(t) {
+  const { api: s, currentWorkspace: a } = K();
+  return be(
     async () => {
-      const { groups: a } = await t.listGroups({ ...r, workspace: n?.id });
-      return a;
+      const { groups: n } = await s.listGroups({ ...t, workspace: a?.id });
+      return n;
     },
-    [t, n?.id, r?.project]
+    [s, a?.id, t?.project]
   );
 }
-function _r(r) {
-  const { api: t } = K();
-  return ue(
-    () => t.getGroup(r),
-    [t, r]
+function Bs(t) {
+  const { api: s } = K();
+  return be(
+    () => s.getGroup(t),
+    [s, t]
   );
 }
-function wr(r, t) {
-  const { api: n } = K();
-  return ue(
-    () => n.getDiff(r, t),
-    [n, r, t]
+function Us(t, s) {
+  const { api: a } = K();
+  return be(
+    () => a.getDiff(t, s),
+    [a, t, s]
   );
 }
-function Rr(r, t) {
-  const { api: n } = K();
-  return ue(
-    () => n.getArtifact(r, t),
-    [n, r, t]
+function Ws(t, s) {
+  const { api: a } = K();
+  return be(
+    () => a.getArtifact(t, s),
+    [a, t, s]
   );
 }
-function Re(r) {
-  const [t, n] = T(!1), [a, u] = T(null);
-  return { mutate: _e(async (...d) => {
-    n(!0), u(null);
+function Fe(t) {
+  const [s, a] = T(!1), [n, l] = T(null);
+  return { mutate: me(async (...c) => {
+    a(!0), l(null);
     try {
-      return await r(...d);
+      return await t(...c);
     } catch (i) {
-      const f = i instanceof we ? i : new we(500, String(i));
-      throw u(f), f;
+      const u = i instanceof Ae ? i : new Ae(500, String(i));
+      throw l(u), u;
     } finally {
-      n(!1);
+      a(!1);
     }
-  }, [r]), loading: t, error: a };
-}
-function Q(r) {
-  return r?.slice(0, 8) ?? "";
-}
-function He(r) {
-  return r?.slice(0, 12) ?? "N/A";
-}
-function Ze(r) {
-  const t = new Date(r), a = Math.floor(((/* @__PURE__ */ new Date()).getTime() - t.getTime()) / 1e3);
-  if (a < 60) return "just now";
-  if (a < 3600) {
-    const o = Math.floor(a / 60);
-    return `${o} minute${o !== 1 ? "s" : ""} ago`;
-  }
-  if (a < 86400) {
-    const o = Math.floor(a / 3600);
-    return `${o} hour${o !== 1 ? "s" : ""} ago`;
-  }
-  if (a < 2592e3) {
-    const o = Math.floor(a / 86400);
-    return `${o} day${o !== 1 ? "s" : ""} ago`;
-  }
-  if (a < 31536e3) {
-    const o = Math.floor(a / 2592e3);
-    return `${o} month${o !== 1 ? "s" : ""} ago`;
-  }
-  const u = Math.floor(a / 31536e3);
-  return `${u} year${u !== 1 ? "s" : ""} ago`;
-}
-function Er(r, t = 6) {
-  return typeof r != "number" || isNaN(r) ? String(r) : Number(r.toPrecision(t)).toString();
-}
-function Oe(r) {
-  return r < 1024 ? `${r} bytes` : r < 1048576 ? `${(r / 1024).toFixed(1)} KB` : `${(r / 1048576).toFixed(1)} MB`;
-}
-function Cr(r) {
-  return JSON.stringify(r, null, 2);
+  }, [t]), loading: s, error: n };
 }
-function kr(r, t = 60) {
-  return r ? r.length <= t ? r : r.slice(0, t - 3) + "..." : "";
-}
-function rt(r, t) {
-  const n = new URLSearchParams();
-  Object.entries(t).forEach(([u, o]) => {
-    o != null && o !== "" && n.set(u, String(o));
-  });
-  const a = n.toString();
-  return a ? `${r}?${a}` : r;
-}
-function $(...r) {
-  return r.filter(Boolean).join(" ");
+function Gs(t, s) {
+  const { api: a, pollingConfig: n } = K(), l = be(
+    async () => {
+      try {
+        const { series: c } = await a.getMetricSeries(t);
+        return Object.values(c).some((u) => u.length > 0) ? c : null;
+      } catch {
+        return null;
+      }
+    },
+    [a, t]
+  ), o = De(s);
+  return de(() => {
+    o.current && !s && l.refetch(), o.current = s;
+  }, [s, l.refetch]), mt(l.refetch, n.runDetail, s), l;
 }
-const Sr = [
+const Vs = [
   { 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"] }
-], Fs = Ps(null);
-function tt({
-  config: r,
-  children: t
+], Ht = ut(null);
+function Sr({
+  config: t,
+  children: s
 }) {
-  return /* @__PURE__ */ e.jsx(Fs.Provider, { value: r, children: t });
+  return /* @__PURE__ */ e.jsx(Ht.Provider, { value: t, children: s });
 }
-function Pr() {
-  return Ss(Fs);
+function zs() {
+  return dt(Ht);
 }
-function V({ children: r, config: t }) {
-  const n = ur(), u = { ...Pr(), ...t }, o = u?.navLinks ?? Sr, d = [
-    ...u?.prependNavLinks ?? [],
+function Q({ children: t, config: s }) {
+  const a = Rs(), l = { ...zs(), ...s }, o = l?.navLinks ?? Vs, c = [
+    ...l?.prependNavLinks ?? [],
     ...o,
-    ...u?.appendNavLinks ?? []
-  ], i = u?.logo ?? { text: "devqubit", icon: "⚛" }, f = (h) => h.matchPaths ? h.matchPaths.some((m) => n.pathname.startsWith(m)) : n.pathname === h.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 shadow-sm", 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(z, { to: "/", className: "text-lg font-semibold text-primary hover:text-primary-light flex items-center gap-2 transition-colors", children: [
-          i.icon && /* @__PURE__ */ e.jsx("span", { className: "text-xl", children: i.icon }),
+    ...l?.appendNavLinks ?? []
+  ], i = l?.logo ?? { text: "devqubit", icon: "⚛" }, u = (h) => h.matchPaths ? h.matchPaths.some((m) => a.pathname.startsWith(m)) : a.pathname === h.href;
+  return /* @__PURE__ */ e.jsxs("div", { className: "dq-layout", children: [
+    /* @__PURE__ */ e.jsx("header", { className: "dq-header", children: /* @__PURE__ */ e.jsxs("div", { className: "dq-header-inner", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "dq-header-left", children: [
+        /* @__PURE__ */ e.jsxs(se, { to: "/", className: "dq-logo", children: [
+          i.icon && /* @__PURE__ */ e.jsx("span", { className: "dq-logo-icon", children: i.icon }),
           i.text
         ] }),
-        /* @__PURE__ */ e.jsx("nav", { className: "flex gap-1", children: d.map((h) => /* @__PURE__ */ e.jsx(
-          z,
+        /* @__PURE__ */ e.jsx("nav", { className: "dq-nav", children: c.map((h) => /* @__PURE__ */ e.jsx(
+          se,
           {
             to: h.href,
-            className: $(
-              "px-3 py-2 rounded-md text-sm font-medium transition-colors duration-150",
-              f(h) ? "text-white bg-white/10" : "text-gray-400 hover:text-white hover:bg-white/5"
-            ),
+            className: q("dq-nav-link", u(h) && "active"),
             children: h.label
           },
           h.href
         )) })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-4", children: u?.headerRight })
+      /* @__PURE__ */ e.jsx("div", { className: "dq-header-right", children: l?.headerRight })
     ] }) }),
-    /* @__PURE__ */ e.jsx("main", { className: "max-w-container mx-auto p-6 fade-in", children: r })
+    /* @__PURE__ */ e.jsx("main", { className: "dq-main fade-in", children: t })
   ] });
 }
-function Ee({ title: r, subtitle: t, actions: n }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between mb-6 gap-4 flex-wrap", children: [
+function Oe({ title: t, subtitle: s, actions: a }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "page-header", 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: r }),
-      t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-1", children: t })
+      /* @__PURE__ */ e.jsx("h1", { className: "page-title", children: t }),
+      s && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-1", children: s })
     ] }),
-    n && /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: n })
+    a && /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: a })
   ] });
 }
-function Y({ variant: r = "gray", className: t, children: n, ...a }) {
-  return /* @__PURE__ */ e.jsx("span", { className: $("badge", `badge-${r}`, t), ...a, children: n });
+function re({ variant: t = "gray", className: s, children: a, ...n }) {
+  return /* @__PURE__ */ e.jsx("span", { className: q("badge", `badge-${t}`, s), ...n, children: a });
 }
-const D = Xe(
-  ({ variant: r = "secondary", size: t = "default", loading: n, className: a, children: u, disabled: o, ...d }, i) => /* @__PURE__ */ e.jsxs(
+const $ = ht(
+  ({ variant: t = "secondary", size: s = "default", loading: a, className: n, children: l, disabled: o, ...c }, i) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       ref: i,
-      className: $(
+      className: q(
         "btn",
-        r === "ghost-danger" ? "btn-ghost-danger" : `btn-${r}`,
-        t === "sm" && "btn-sm",
-        a
+        t === "ghost-danger" ? "btn-ghost-danger" : `btn-${t}`,
+        s === "sm" && "btn-sm",
+        n
       ),
-      disabled: o || n,
-      ...d,
+      disabled: o || a,
+      ...c,
       children: [
-        n && /* @__PURE__ */ e.jsx(I, {}),
-        u
+        a && /* @__PURE__ */ e.jsx(G, {}),
+        l
       ]
     }
   )
 );
-D.displayName = "Button";
-function b({ className: r, children: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("div", { className: $("card", r), ...n, children: t });
+$.displayName = "Button";
+function N({ className: t, children: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("div", { className: q("card", t), ...a, children: s });
 }
-function W({ className: r, children: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("div", { className: $("card-header", r), ...n, children: t });
+function Y({ className: t, children: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("div", { className: q("card-header", t), ...a, children: s });
 }
-function G({ className: r, children: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("h3", { className: $("card-title", r), ...n, children: t });
+function H({ className: t, children: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("h3", { className: q("card-title", t), ...a, children: s });
 }
-function nt({ variant: r = "info", className: t, children: n, ...a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: $("alert", `alert-${r}`, t), ...a, children: n });
+function Pr({ variant: t = "info", className: s, children: a, ...n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: q("alert", `alert-${t}`, s), ...n, children: a });
 }
-function I({ className: r, ...t }) {
-  return /* @__PURE__ */ e.jsx("span", { className: $("spinner", r), ...t });
+function G({ className: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("span", { className: q("spinner", t), ...s });
 }
-function he({ message: r, hint: t, className: n, ...a }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: $("empty-state", n), ...a, children: [
-    /* @__PURE__ */ e.jsx("p", { children: r }),
-    t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-2", children: t })
+function we({ message: t, hint: s, className: a, ...n }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: q("empty-state", a), ...n, children: [
+    /* @__PURE__ */ e.jsx("p", { children: t }),
+    s && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-2", children: s })
   ] });
 }
-function Je({ items: r, className: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("dl", { className: $("kv-list", t), ...n, children: r.map(({ label: a, value: u }) => /* @__PURE__ */ e.jsxs("div", { className: "contents", children: [
-    /* @__PURE__ */ e.jsx("dt", { children: a }),
-    /* @__PURE__ */ e.jsx("dd", { children: u })
-  ] }, a)) });
+function ot({ items: t, className: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("dl", { className: q("kv-list", s), ...a, children: t.map(({ label: n, value: l }) => /* @__PURE__ */ e.jsxs("div", { className: "contents", children: [
+    /* @__PURE__ */ e.jsx("dt", { children: n }),
+    /* @__PURE__ */ e.jsx("dd", { children: l })
+  ] }, n)) });
 }
-function es({ open: r, onClose: t, title: n, children: a, actions: u }) {
-  return r ? /* @__PURE__ */ e.jsx(
+function ft({ open: t, onClose: s, title: a, children: n, actions: l }) {
+  return t ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: $("modal-backdrop", r && "active"),
-      onClick: (o) => o.target === o.currentTarget && t(),
+      className: q("modal-backdrop", "active"),
+      onClick: (o) => o.target === o.currentTarget && s(),
       children: /* @__PURE__ */ e.jsxs("div", { className: "modal", onClick: (o) => o.stopPropagation(), children: [
-        /* @__PURE__ */ e.jsx("h3", { className: "modal-title", children: n }),
-        /* @__PURE__ */ e.jsx("div", { className: "modal-body", children: a }),
-        u && /* @__PURE__ */ e.jsx("div", { className: "modal-actions", children: u })
+        /* @__PURE__ */ e.jsx("h3", { className: "modal-title", children: a }),
+        /* @__PURE__ */ e.jsx("div", { className: "modal-body", children: n }),
+        l && /* @__PURE__ */ e.jsx("div", { className: "modal-actions", children: l })
       ] })
     }
   ) : null;
 }
-function Ce({ message: r, variant: t = "info", visible: n, onClose: a }) {
-  if (!n) return null;
-  const u = {
+function Me({ message: t, variant: s = "info", visible: a, onClose: n }) {
+  if (!a) return null;
+  const l = {
     success: "✓",
     error: "✕",
     info: "i"
-  }[t], o = {
+  }[s], o = {
     success: "text-[#059669]",
     error: "text-[#DC4A4A]",
     info: "text-[#2563EB]"
-  }[t];
-  return /* @__PURE__ */ e.jsxs("div", { className: "toast", onClick: a, children: [
-    /* @__PURE__ */ e.jsx("span", { className: $("mr-2 font-bold", o), children: u }),
-    r
+  }[s];
+  return /* @__PURE__ */ e.jsxs("div", { className: "toast", onClick: n, children: [
+    /* @__PURE__ */ e.jsx("span", { className: q("mr-2 font-bold", o), children: l }),
+    t
   ] });
 }
-function ee({ children: r, className: t }) {
-  return /* @__PURE__ */ e.jsx("div", { className: $("form-group", t), children: r });
+function xe({ children: t, className: s }) {
+  return /* @__PURE__ */ e.jsx("div", { className: q("form-group", s), children: t });
 }
-function ie({ className: r, children: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("label", { className: $("form-label", r), ...n, children: t });
+function ve({ className: t, children: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("label", { className: q("form-label", t), ...a, children: s });
 }
-const ss = Xe(
-  ({ className: r, ...t }, n) => /* @__PURE__ */ e.jsx("input", { ref: n, className: $("form-input", r), ...t })
+const jt = ht(
+  ({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx("input", { ref: a, className: q("form-input", t), ...s })
 );
-ss.displayName = "Input";
-const de = Xe(
-  ({ className: r, children: t, ...n }, a) => /* @__PURE__ */ e.jsx("select", { ref: a, className: $("form-input", r), ...n, children: t })
+jt.displayName = "Input";
+const _e = ht(
+  ({ className: t, children: s, ...a }, n) => /* @__PURE__ */ e.jsx("select", { ref: n, className: q("form-input", t), ...a, children: s })
 );
-de.displayName = "Select";
-function Os({ children: r, className: t }) {
-  return /* @__PURE__ */ e.jsx("div", { className: $("form-row", t), children: r });
+_e.displayName = "Select";
+function Kt({ children: t, className: s }) {
+  return /* @__PURE__ */ e.jsx("div", { className: q("form-row", s), children: t });
 }
-function L({ className: r, children: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("table", { className: $("table", r), ...n, children: t });
+function B({ className: t, children: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("table", { className: q("table", t), ...a, children: s });
 }
-function re({ className: r, children: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("thead", { className: r, ...n, children: t });
+function fe({ className: t, children: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("thead", { className: t, ...a, children: s });
 }
-function B({ className: r, children: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("tbody", { className: r, ...n, children: t });
+function U({ className: t, children: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("tbody", { className: t, ...a, children: s });
 }
-function j({ className: r, children: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("tr", { className: r, ...n, children: t });
+function j({ className: t, children: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("tr", { className: t, ...a, children: s });
 }
-function N({ className: r, children: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("th", { className: r, ...n, children: t });
+function w({ className: t, children: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("th", { className: t, ...a, children: s });
 }
-function c({ className: r, children: t, ...n }) {
-  return /* @__PURE__ */ e.jsx("td", { className: r, ...n, children: t });
+function d({ className: t, children: s, ...a }) {
+  return /* @__PURE__ */ e.jsx("td", { className: t, ...a, children: s });
 }
-function $s({ status: r }) {
-  const t = {
+function Jt({ status: t }) {
+  const s = {
     FINISHED: "success",
     FAILED: "danger",
+    KILLED: "gray",
     RUNNING: "warning",
     UNKNOWN: "gray"
-  }[r];
-  return /* @__PURE__ */ e.jsx(Y, { variant: t, children: r });
-}
-function rs({ runs: r, onDelete: t, loading: n, emptyHint: a, baselineRunId: u }) {
-  const [o, d] = T(null), i = () => {
-    o && t && (t(o.run_id), d(null));
+  }[t];
+  return /* @__PURE__ */ e.jsx(re, { variant: s, children: t });
+}
+function Ys({ createdAt: t, endedAt: s, status: a }) {
+  const n = !$e(a), [l, o] = T(Date.now());
+  de(() => {
+    if (!n) return;
+    const h = setInterval(() => o(Date.now()), 1e3);
+    return () => clearInterval(h);
+  }, [n]);
+  const i = Ut(t, n ? void 0 : s), u = n ? Math.max(0, Math.floor((l - new Date(t).getTime()) / 1e3)) : i;
+  return /* @__PURE__ */ e.jsx("span", { className: n ? "tabular-nums" : void 0, children: Wt(u) });
+}
+function pt({ runs: t, onDelete: s, loading: a, emptyHint: n, baselineRunId: l }) {
+  const [o, c] = T(null), i = () => {
+    o && s && (s(o.run_id), c(null));
   };
-  return r.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs(L, { children: [
-      /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-        /* @__PURE__ */ e.jsx(N, { children: "Run ID" }),
-        /* @__PURE__ */ e.jsx(N, { children: "Name" }),
-        /* @__PURE__ */ e.jsx(N, { children: "Project" }),
-        /* @__PURE__ */ e.jsx(N, { children: "Status" }),
-        /* @__PURE__ */ e.jsx(N, { children: "Created" }),
-        /* @__PURE__ */ e.jsx(N, { children: "Actions" })
+  return t.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(B, { children: [
+      /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsx(w, { children: "Run ID" }),
+        /* @__PURE__ */ e.jsx(w, { children: "Name" }),
+        /* @__PURE__ */ e.jsx(w, { children: "Project" }),
+        /* @__PURE__ */ e.jsx(w, { children: "Status" }),
+        /* @__PURE__ */ e.jsx(w, { children: "Duration" }),
+        /* @__PURE__ */ e.jsx(w, { children: "Created" }),
+        /* @__PURE__ */ e.jsx(w, { children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ e.jsx(B, { children: r.map((f) => /* @__PURE__ */ e.jsxs(j, { children: [
-        /* @__PURE__ */ e.jsxs(c, { children: [
-          /* @__PURE__ */ e.jsx(z, { to: `/runs/${f.run_id}`, className: "font-mono", children: Q(f.run_id) }),
-          f.run_id === u && /* @__PURE__ */ e.jsx(Y, { variant: "info", className: "ml-2", children: "Baseline" })
+      /* @__PURE__ */ e.jsx(U, { children: t.map((u) => /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsxs(d, { children: [
+          /* @__PURE__ */ e.jsx(se, { to: `/runs/${u.run_id}`, className: "font-mono", children: oe(u.run_id) }),
+          u.run_id === l && /* @__PURE__ */ e.jsx(re, { variant: "info", className: "ml-2", children: "Baseline" })
         ] }),
-        /* @__PURE__ */ e.jsx(c, { children: f.run_name || "—" }),
-        /* @__PURE__ */ e.jsx(c, { children: f.project }),
-        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx($s, { status: f.status }) }),
-        /* @__PURE__ */ e.jsx(c, { className: "text-muted", children: Ze(f.created_at) }),
-        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ e.jsx(z, { to: `/runs/${f.run_id}`, children: /* @__PURE__ */ e.jsx(D, { variant: "secondary", size: "sm", children: "View" }) }),
-          t && /* @__PURE__ */ e.jsx(
-            D,
+        /* @__PURE__ */ e.jsx(d, { children: u.run_name || "—" }),
+        /* @__PURE__ */ e.jsx(d, { children: u.project }),
+        /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(Jt, { status: u.status }) }),
+        /* @__PURE__ */ e.jsx(d, { className: "font-mono text-sm", children: /* @__PURE__ */ e.jsx(
+          Ys,
+          {
+            createdAt: u.created_at,
+            endedAt: u.ended_at,
+            status: u.status
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(d, { className: "text-muted", children: Ye(u.created_at) }),
+        /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e.jsx(se, { to: `/runs/${u.run_id}`, children: /* @__PURE__ */ e.jsx($, { variant: "secondary", size: "sm", children: "View" }) }),
+          s && /* @__PURE__ */ e.jsx(
+            $,
             {
               variant: "ghost-danger",
               size: "sm",
-              onClick: () => d(f),
-              disabled: n,
+              onClick: () => c(u),
+              disabled: a,
               children: "Delete"
             }
           )
         ] }) })
-      ] }, f.run_id)) })
+      ] }, u.run_id)) })
     ] }),
     /* @__PURE__ */ e.jsxs(
-      es,
+      ft,
       {
         open: !!o,
-        onClose: () => d(null),
+        onClose: () => c(null),
         title: "Delete Run",
         actions: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(D, { variant: "secondary", onClick: () => d(null), children: "Cancel" }),
-          /* @__PURE__ */ e.jsxs(D, { variant: "danger", onClick: i, disabled: n, children: [
-            n && /* @__PURE__ */ e.jsx(I, {}),
+          /* @__PURE__ */ e.jsx($, { variant: "secondary", onClick: () => c(null), children: "Cancel" }),
+          /* @__PURE__ */ e.jsxs($, { variant: "danger", onClick: i, disabled: a, children: [
+            a && /* @__PURE__ */ e.jsx(G, {}),
             "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: Q(o.run_id) }),
+          o && /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm mt-2", children: oe(o.run_id) }),
           /* @__PURE__ */ e.jsx("p", { className: "text-sm text-danger mt-2", children: "This action cannot be undone." })
         ]
       }
     )
   ] }) : /* @__PURE__ */ e.jsx(
-    he,
+    we,
     {
       message: "No runs found",
-      hint: a ?? "Try adjusting your filters"
+      hint: n ?? "Try adjusting your filters"
     }
   );
 }
-function Tr() {
-  const [r, t] = $e(), { api: n } = K(), { data: a } = Le(), [u, o] = T(null), [d, i] = T({
-    project: r.get("project") || "",
-    status: r.get("status") || "",
-    q: r.get("q") || "",
-    limit: parseInt(r.get("limit") || "25", 10)
-  }), { data: f, loading: h, refetch: m } = Ds(d), p = Re((w) => n.deleteRun(w));
-  je(() => {
-    if (u) {
-      const w = setTimeout(() => o(null), 3e3);
-      return () => clearTimeout(w);
-    }
-  }, [u]);
-  const _ = _e((w, H) => {
-    i((O) => ({ ...O, [w]: H }));
-    const k = new URLSearchParams(r);
-    H ? k.set(w, String(H)) : k.delete(w), t(k, { replace: !0 });
-  }, [r, t]), U = _e(async (w) => {
+function Hs() {
+  const [t, s] = He(), { api: a } = K(), { data: n } = Ke(), [l, o] = T(null), [c, i] = T({
+    project: t.get("project") || "",
+    status: t.get("status") || "",
+    q: t.get("q") || "",
+    limit: parseInt(t.get("limit") || "25", 10)
+  }), { data: u, loading: h, refetch: m } = zt(c), p = Fe((g) => a.deleteRun(g));
+  de(() => {
+    if (l) {
+      const g = setTimeout(() => o(null), 3e3);
+      return () => clearTimeout(g);
+    }
+  }, [l]);
+  const b = me((g, I) => {
+    i((A) => ({ ...A, [g]: I }));
+    const E = new URLSearchParams(t);
+    I ? E.set(g, String(I)) : E.delete(g), s(E, { replace: !0 });
+  }, [t, s]), D = me(async (g) => {
     try {
-      await p.mutate(w), o({ message: "Run deleted", variant: "success" }), m();
+      await p.mutate(g), o({ message: "Run deleted", variant: "success" }), m();
     } catch {
       o({ message: "Failed to delete run", variant: "error" });
     }
   }, [p, m]);
-  return /* @__PURE__ */ e.jsxs(V, { children: [
-    /* @__PURE__ */ e.jsx(Ee, { title: "Runs" }),
-    /* @__PURE__ */ e.jsx(b, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(Os, { children: [
-      /* @__PURE__ */ e.jsxs(ee, { children: [
-        /* @__PURE__ */ e.jsx(ie, { htmlFor: "project", children: "Project" }),
+  return /* @__PURE__ */ e.jsxs(Q, { children: [
+    /* @__PURE__ */ e.jsx(Oe, { title: "Runs" }),
+    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(Kt, { children: [
+      /* @__PURE__ */ e.jsxs(xe, { children: [
+        /* @__PURE__ */ e.jsx(ve, { htmlFor: "project", children: "Project" }),
         /* @__PURE__ */ e.jsxs(
-          de,
+          _e,
           {
             id: "project",
-            value: d.project,
-            onChange: (w) => _("project", w.target.value),
+            value: c.project,
+            onChange: (g) => b("project", g.target.value),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "", children: "All projects" }),
-              a?.map((w) => /* @__PURE__ */ e.jsx("option", { value: w.name, children: w.name }, w.name))
+              n?.map((g) => /* @__PURE__ */ e.jsx("option", { value: g.name, children: g.name }, g.name))
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(ee, { children: [
-        /* @__PURE__ */ e.jsx(ie, { htmlFor: "status", children: "Status" }),
+      /* @__PURE__ */ e.jsxs(xe, { children: [
+        /* @__PURE__ */ e.jsx(ve, { htmlFor: "status", children: "Status" }),
         /* @__PURE__ */ e.jsxs(
-          de,
+          _e,
           {
             id: "status",
-            value: d.status,
-            onChange: (w) => _("status", w.target.value),
+            value: c.status,
+            onChange: (g) => b("status", g.target.value),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "", children: "All" }),
               /* @__PURE__ */ e.jsx("option", { value: "FINISHED", children: "Finished" }),
@@ -1163,26 +1280,26 @@ function Tr() {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(ee, { children: [
-        /* @__PURE__ */ e.jsx(ie, { htmlFor: "q", children: "Query" }),
+      /* @__PURE__ */ e.jsxs(xe, { children: [
+        /* @__PURE__ */ e.jsx(ve, { htmlFor: "q", children: "Query" }),
         /* @__PURE__ */ e.jsx(
-          ss,
+          jt,
           {
             id: "q",
-            value: d.q,
-            onChange: (w) => _("q", w.target.value),
+            value: c.q,
+            onChange: (g) => b("q", g.target.value),
             placeholder: "metric.fidelity > 0.9"
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(ee, { children: [
-        /* @__PURE__ */ e.jsx(ie, { htmlFor: "limit", children: "Limit" }),
+      /* @__PURE__ */ e.jsxs(xe, { children: [
+        /* @__PURE__ */ e.jsx(ve, { htmlFor: "limit", children: "Limit" }),
         /* @__PURE__ */ e.jsxs(
-          de,
+          _e,
           {
             id: "limit",
-            value: d.limit,
-            onChange: (w) => _("limit", parseInt(w.target.value, 10)),
+            value: c.limit,
+            onChange: (g) => b("limit", parseInt(g.target.value, 10)),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "25", children: "25" }),
               /* @__PURE__ */ e.jsx("option", { value: "50", children: "50" }),
@@ -1191,196 +1308,187 @@ function Tr() {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(ee, { className: "flex items-end gap-2", children: [
-        /* @__PURE__ */ e.jsx(D, { variant: "primary", onClick: () => m(), children: "Filter" }),
-        h && /* @__PURE__ */ e.jsx(I, {})
+      /* @__PURE__ */ e.jsxs(xe, { className: "flex items-end gap-2", children: [
+        /* @__PURE__ */ e.jsx($, { variant: "primary", onClick: () => m(), children: "Filter" }),
+        h && /* @__PURE__ */ e.jsx(G, {})
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx(b, { children: h && !f ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(I, {}) }) : /* @__PURE__ */ e.jsx(
-      rs,
+    /* @__PURE__ */ e.jsx(N, { children: h && !u ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(G, {}) }) : /* @__PURE__ */ e.jsx(
+      pt,
       {
-        runs: f?.runs ?? [],
-        onDelete: U,
+        runs: u?.runs ?? [],
+        onDelete: D,
         loading: p.loading,
-        baselineRunId: d.project ? a?.find((w) => w.name === d.project)?.baseline?.run_id : void 0
+        baselineRunId: c.project ? n?.find((g) => g.name === c.project)?.baseline?.run_id : void 0
       }
     ) }),
-    u && /* @__PURE__ */ e.jsx(
-      Ce,
+    l && /* @__PURE__ */ e.jsx(
+      Me,
       {
-        message: u.message,
-        variant: u.variant,
-        visible: !!u,
+        message: l.message,
+        variant: l.variant,
+        visible: !!l,
         onClose: () => o(null)
       }
     )
   ] });
 }
-function Dr({ projects: r, currentWorkspace: t }) {
-  if (!r.length)
+function Ks({ projects: t, currentWorkspace: s }) {
+  if (!t.length)
     return /* @__PURE__ */ e.jsx(
-      he,
+      we,
       {
         message: "No projects yet",
         hint: "Projects are created automatically when you log runs"
       }
     );
-  const n = (a) => {
-    const u = new URLSearchParams({ project: a });
-    return t && u.set("workspace", t.id), `/runs?${u}`;
+  const a = (n) => {
+    const l = new URLSearchParams({ project: n });
+    return s && l.set("workspace", s.id), `/runs?${l}`;
   };
-  return /* @__PURE__ */ e.jsxs(L, { children: [
-    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-      /* @__PURE__ */ e.jsx(N, { children: "Project" }),
-      /* @__PURE__ */ e.jsx(N, { children: "Runs" }),
-      /* @__PURE__ */ e.jsx(N, { children: "Baseline" }),
-      /* @__PURE__ */ e.jsx(N, {})
+  return /* @__PURE__ */ e.jsxs(B, { children: [
+    /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsx(w, { children: "Project" }),
+      /* @__PURE__ */ e.jsx(w, { children: "Runs" }),
+      /* @__PURE__ */ e.jsx(w, { children: "Baseline" }),
+      /* @__PURE__ */ e.jsx(w, {})
     ] }) }),
-    /* @__PURE__ */ e.jsx(B, { children: r.map((a) => /* @__PURE__ */ e.jsxs(j, { children: [
-      /* @__PURE__ */ e.jsxs(c, { children: [
-        /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: a.name }),
-        a.description && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: kr(a.description) })
+    /* @__PURE__ */ e.jsx(U, { children: t.map((n) => /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsxs(d, { children: [
+        /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: n.name }),
+        n.description && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: Os(n.description) })
       ] }),
-      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Y, { variant: "gray", children: a.run_count ?? 0 }) }),
-      /* @__PURE__ */ e.jsx(c, { children: a.baseline ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(z, { to: `/runs/${a.baseline.run_id}`, className: "font-mono text-sm", children: Q(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(d, { children: /* @__PURE__ */ e.jsx(re, { variant: "gray", children: n.run_count ?? 0 }) }),
+      /* @__PURE__ */ e.jsx(d, { children: n.baseline ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(se, { to: `/runs/${n.baseline.run_id}`, className: "font-mono text-sm", children: oe(n.baseline.run_id) }),
+        n.baseline.run_name && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: n.baseline.run_name })
       ] }) : /* @__PURE__ */ e.jsx("span", { className: "text-muted", children: "—" }) }),
-      /* @__PURE__ */ e.jsx(c, { className: "text-right", children: /* @__PURE__ */ e.jsx(z, { to: n(a.name), children: /* @__PURE__ */ e.jsx(D, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
-    ] }, a.name)) })
+      /* @__PURE__ */ e.jsx(d, { className: "text-right", children: /* @__PURE__ */ e.jsx(se, { to: a(n.name), children: /* @__PURE__ */ e.jsx($, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
+    ] }, n.name)) })
   ] });
 }
-function Ar({ groups: r }) {
-  return r.length ? /* @__PURE__ */ e.jsxs(L, { children: [
-    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-      /* @__PURE__ */ e.jsx(N, { children: "Group ID" }),
-      /* @__PURE__ */ e.jsx(N, { children: "Name" }),
-      /* @__PURE__ */ e.jsx(N, { children: "Project" }),
-      /* @__PURE__ */ e.jsx(N, { children: "Runs" }),
-      /* @__PURE__ */ e.jsx(N, { children: "Actions" })
+function Js({ groups: t }) {
+  return t.length ? /* @__PURE__ */ e.jsxs(B, { children: [
+    /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsx(w, { children: "Group ID" }),
+      /* @__PURE__ */ e.jsx(w, { children: "Name" }),
+      /* @__PURE__ */ e.jsx(w, { children: "Project" }),
+      /* @__PURE__ */ e.jsx(w, { children: "Runs" }),
+      /* @__PURE__ */ e.jsx(w, { children: "Actions" })
     ] }) }),
-    /* @__PURE__ */ e.jsx(B, { children: r.map((t) => /* @__PURE__ */ e.jsxs(j, { children: [
-      /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: Q(t.group_id) }),
-      /* @__PURE__ */ e.jsx(c, { children: t.group_name || "—" }),
-      /* @__PURE__ */ e.jsx(c, { children: t.project }),
-      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Y, { variant: "gray", children: t.run_count }) }),
-      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(z, { to: `/groups/${t.group_id}`, children: /* @__PURE__ */ e.jsx(D, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
-    ] }, t.group_id)) })
+    /* @__PURE__ */ e.jsx(U, { children: t.map((s) => /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: oe(s.group_id) }),
+      /* @__PURE__ */ e.jsx(d, { children: s.group_name || "—" }),
+      /* @__PURE__ */ e.jsx(d, { children: s.project }),
+      /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(re, { variant: "gray", children: s.run_count }) }),
+      /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(se, { to: `/groups/${s.group_id}`, children: /* @__PURE__ */ e.jsx($, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
+    ] }, s.group_id)) })
   ] }) : /* @__PURE__ */ e.jsx(
-    he,
+    we,
     {
       message: "No groups found",
       hint: "Groups are created when runs have a group_id set"
     }
   );
 }
-function Fr({
-  runId: r,
-  runName: t,
-  variant: n = "secondary",
-  size: a = "sm",
-  className: u = "",
-  apiBaseUrl: o = ""
+function Xs({
+  runId: t,
+  runName: s,
+  variant: a = "secondary",
+  size: n = "sm",
+  className: l = ""
 }) {
-  const [d, i] = T({ status: "idle" }), [f, h] = T(!1), [m, p] = T(null), _ = async () => {
+  const { api: o } = K(), [c, i] = T({ status: "idle" }), [u, h] = T(!1), [m, p] = T(null), b = async () => {
     i({ status: "preparing", message: "Preparing bundle..." }), h(!0);
     try {
-      const k = await fetch(`${o}/api/runs/${r}/export`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" }
-      });
-      if (!k.ok) {
-        const ne = await k.json().catch(() => ({ detail: "Export failed" }));
-        throw new Error(ne.detail || `Export failed: ${k.statusText}`);
-      }
-      const O = await k.json();
+      const E = await o.createExport(t);
       i({
         status: "packing",
         message: "Creating bundle...",
-        artifactCount: O.artifact_count,
-        objectCount: O.object_count
-      }), i((ne) => ({
-        ...ne,
+        artifactCount: E.artifact_count,
+        objectCount: E.object_count
+      }), i((y) => ({
+        ...y,
         status: "downloading",
         message: "Downloading bundle..."
       }));
-      const S = await fetch(`${o}/api/runs/${r}/export/download`);
+      const A = o.getExportDownloadUrl(t), S = await fetch(A, {
+        credentials: "same-origin"
+      });
       if (!S.ok)
         throw new Error("Download failed");
-      const se = await S.blob(), te = t ? `${t.replace(/[^a-zA-Z0-9_-]/g, "_")}_${r.slice(0, 8)}.zip` : `run_${r.slice(0, 8)}.zip`, J = URL.createObjectURL(se), Z = document.createElement("a");
-      Z.href = J, Z.download = te, document.body.appendChild(Z), Z.click(), document.body.removeChild(Z), URL.revokeObjectURL(J), i({
+      const ie = await S.blob(), ce = s ? `${s.replace(/[^a-zA-Z0-9_-]/g, "_")}_${t.slice(0, 8)}.zip` : `run_${t.slice(0, 8)}.zip`, Z = URL.createObjectURL(ie), J = document.createElement("a");
+      J.href = Z, J.download = ce, document.body.appendChild(J), J.click(), document.body.removeChild(J), URL.revokeObjectURL(Z), i({
         status: "complete",
         message: "Export complete!",
-        bundleSize: se.size,
-        artifactCount: O.artifact_count,
-        objectCount: O.object_count
-      }), p({ message: "Bundle downloaded successfully", variant: "success" }), setTimeout(() => {
-        h(!1), i({ status: "idle" });
-      }, 2e3);
-    } catch (k) {
-      const O = k instanceof Error ? k.message : "Export failed";
-      i({ status: "error", message: O }), p({ message: O, variant: "error" });
-    }
-  }, U = () => {
-    d.status !== "preparing" && d.status !== "packing" && d.status !== "downloading" && (h(!1), i({ status: "idle" }));
-  }, w = (k) => k < 1024 ? `${k} B` : k < 1024 * 1024 ? `${(k / 1024).toFixed(1)} KB` : `${(k / (1024 * 1024)).toFixed(1)} MB`, H = ["preparing", "packing", "downloading"].includes(d.status);
+        bundleSize: ie.size,
+        artifactCount: E.artifact_count,
+        objectCount: E.object_count
+      });
+    } catch (E) {
+      const A = E instanceof Error ? E.message : "Export failed";
+      i({ status: "error", message: A }), p({ message: A, variant: "error" });
+    }
+  }, D = () => {
+    c.status !== "preparing" && c.status !== "packing" && c.status !== "downloading" && (h(!1), i({ status: "idle" }));
+  }, g = (E) => E < 1024 ? `${E} B` : E < 1024 * 1024 ? `${(E / 1024).toFixed(1)} KB` : `${(E / (1024 * 1024)).toFixed(1)} MB`, I = ["preparing", "packing", "downloading"].includes(c.status);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs(
-      D,
+      $,
       {
-        variant: n,
-        size: a,
-        onClick: _,
-        disabled: H,
-        className: u,
+        variant: a,
+        size: n,
+        onClick: b,
+        disabled: I,
+        className: l,
         children: [
-          H && /* @__PURE__ */ e.jsx(I, {}),
-          /* @__PURE__ */ e.jsx(Or, {}),
+          I && /* @__PURE__ */ e.jsx(G, {}),
+          /* @__PURE__ */ e.jsx(Qs, {}),
           "Export"
         ]
       }
     ),
     /* @__PURE__ */ e.jsx(
-      es,
+      ft,
       {
-        open: f,
-        onClose: U,
+        open: u,
+        onClose: D,
         title: "Export Run",
-        actions: d.status === "error" || d.status === "complete" ? /* @__PURE__ */ e.jsx(D, { variant: "secondary", onClick: U, children: "Close" }) : void 0,
+        actions: c.status === "error" || c.status === "complete" ? /* @__PURE__ */ e.jsx($, { variant: "secondary", onClick: D, children: "Close" }) : void 0,
         children: /* @__PURE__ */ e.jsxs("div", { className: "py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-            d.status === "error" ? /* @__PURE__ */ e.jsx("div", { className: "w-10 h-10 rounded-full bg-[var(--dq-danger-bg)] flex items-center justify-center", children: /* @__PURE__ */ e.jsx(Lr, {}) }) : d.status === "complete" ? /* @__PURE__ */ e.jsx("div", { className: "w-10 h-10 rounded-full bg-[var(--dq-success-bg)] flex items-center justify-center", children: /* @__PURE__ */ e.jsx($r, {}) }) : /* @__PURE__ */ e.jsx("div", { className: "w-10 h-10 rounded-full bg-[var(--dq-primary-bg)] flex items-center justify-center", children: /* @__PURE__ */ e.jsx(I, {}) }),
+            c.status === "error" ? /* @__PURE__ */ e.jsx("div", { className: "w-10 h-10 rounded-full bg-[var(--dq-danger-bg)] flex items-center justify-center", children: /* @__PURE__ */ e.jsx(er, {}) }) : c.status === "complete" ? /* @__PURE__ */ e.jsx("div", { className: "w-10 h-10 rounded-full bg-[var(--dq-success-bg)] flex items-center justify-center", children: /* @__PURE__ */ e.jsx(Zs, {}) }) : /* @__PURE__ */ e.jsx("div", { className: "w-10 h-10 rounded-full bg-[var(--dq-primary-bg)] flex items-center justify-center", children: /* @__PURE__ */ e.jsx(G, {}) }),
             /* @__PURE__ */ e.jsxs("div", { children: [
-              /* @__PURE__ */ e.jsx("p", { className: "font-medium", children: d.message }),
-              d.status === "error" && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-[var(--dq-text-muted)]", children: "Please try again or contact support." })
+              /* @__PURE__ */ e.jsx("p", { className: "font-medium", children: c.message }),
+              c.status === "error" && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-[var(--dq-text-muted)]", children: "Please try again or contact support." })
             ] })
           ] }),
-          (d.artifactCount !== void 0 || d.objectCount !== void 0 || d.bundleSize !== void 0) && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-2 mt-4", children: [
-            d.artifactCount !== void 0 && /* @__PURE__ */ e.jsxs(Y, { variant: "gray", children: [
-              d.artifactCount,
+          (c.artifactCount !== void 0 || c.objectCount !== void 0 || c.bundleSize !== void 0) && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-2 mt-4", children: [
+            c.artifactCount !== void 0 && /* @__PURE__ */ e.jsxs(re, { variant: "gray", children: [
+              c.artifactCount,
               " artifacts"
             ] }),
-            d.objectCount !== void 0 && /* @__PURE__ */ e.jsxs(Y, { variant: "gray", children: [
-              d.objectCount,
+            c.objectCount !== void 0 && /* @__PURE__ */ e.jsxs(re, { variant: "gray", children: [
+              c.objectCount,
               " objects"
             ] }),
-            d.bundleSize !== void 0 && /* @__PURE__ */ e.jsx(Y, { variant: "info", children: w(d.bundleSize) })
+            c.bundleSize !== void 0 && /* @__PURE__ */ e.jsx(re, { variant: "info", children: g(c.bundleSize) })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "mt-4 pt-4 border-t border-[var(--dq-border-light)]", children: [
             /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-[var(--dq-text-muted)]", children: [
               "Run ID: ",
-              /* @__PURE__ */ e.jsx("code", { className: "text-xs", children: r })
+              /* @__PURE__ */ e.jsx("code", { className: "text-xs", children: t })
             ] }),
-            t && /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-[var(--dq-text-muted)]", children: [
+            s && /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-[var(--dq-text-muted)]", children: [
               "Name: ",
-              t
+              s
             ] })
           ] })
         ] })
       }
     ),
     m && /* @__PURE__ */ e.jsx(
-      Ce,
+      Me,
       {
         message: m.message,
         variant: m.variant,
@@ -1390,7 +1498,7 @@ function Fr({
     )
   ] });
 }
-function Or() {
+function Qs() {
   return /* @__PURE__ */ e.jsxs(
     "svg",
     {
@@ -1410,7 +1518,7 @@ function Or() {
     }
   );
 }
-function $r() {
+function Zs() {
   return /* @__PURE__ */ e.jsx(
     "svg",
     {
@@ -1426,7 +1534,7 @@ function $r() {
     }
   );
 }
-function Lr() {
+function er() {
   return /* @__PURE__ */ e.jsxs(
     "svg",
     {
@@ -1446,403 +1554,736 @@ function Lr() {
     }
   );
 }
-function Br() {
-  const { runId: r } = Qe(), t = hr(), { api: n } = K(), { data: a, loading: u, error: o, refetch: d } = As(r), { data: i, refetch: f } = Le(), [h, m] = T(!1), [p, _] = T(null), { mutate: U, loading: w } = Re(
-    () => n.setBaseline(a.project, a.run_id)
-  ), { mutate: H, loading: k } = Re(
-    () => n.deleteRun(r)
-  ), S = i?.find((y) => y.name === a?.project)?.baseline?.run_id === r;
-  if (je(() => {
-    if (p) {
-      const y = setTimeout(() => _(null), 3e3);
-      return () => clearTimeout(y);
-    }
-  }, [p]), u)
-    return /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(I, {}) }) });
-  if (o || !a)
-    return /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(
-      he,
+const F = { top: 12, right: 16, bottom: 28, left: 56 }, at = 210, Mt = 5, Lt = [
+  "var(--dq-primary)",
+  "var(--dq-info)",
+  "var(--dq-warning)",
+  "var(--dq-danger)",
+  "#8B5CF6",
+  "#EC4899"
+];
+function tr(t, s) {
+  const a = t / s, n = Math.pow(10, Math.floor(Math.log10(a))), l = a / n;
+  return (l < 1.5 ? 1 : l < 3 ? 2 : l < 7 ? 5 : 10) * n;
+}
+function qt(t, s, a) {
+  if (t === s) return [t];
+  const n = tr(s - t, a), l = Math.floor(t / n) * n, o = [];
+  for (let c = l; c <= s + n * 0.01; c += n)
+    o.push(c);
+  return o;
+}
+function sr(t) {
+  const s = Math.abs(t);
+  return s === 0 ? "0" : s >= 1e6 ? (t / 1e6).toFixed(1) + "M" : s >= 1e3 ? (t / 1e3).toFixed(1) + "k" : s >= 1 ? t.toFixed(s >= 100 ? 0 : s >= 10 ? 1 : 2) : t.toPrecision(3);
+}
+function rr(t, s) {
+  if (t.length <= s) return t;
+  const a = t.length / s, n = [t[0]];
+  for (let l = 1; l < s - 1; l++) {
+    const o = Math.floor(l * a), c = Math.min(Math.floor((l + 1) * a), t.length);
+    let i = t[o], u = t[o];
+    for (let h = o; h < c; h++)
+      t[h].value < i.value && (i = t[h]), t[h].value > u.value && (u = t[h]);
+    i.step <= u.step ? (n.push(i), i !== u && n.push(u)) : (n.push(u), i !== u && n.push(i));
+  }
+  return n.push(t[t.length - 1]), n;
+}
+function nr(t) {
+  const [s, a] = T(0);
+  return de(() => {
+    const n = t.current;
+    if (!n) return;
+    const l = new ResizeObserver((o) => {
+      const c = o[0]?.contentRect.width;
+      c && c > 0 && a(Math.floor(c));
+    });
+    return l.observe(n), a(Math.floor(n.getBoundingClientRect().width) || 0), () => l.disconnect();
+  }, [t]), s;
+}
+function ar({ x: t, y: s, value: a, step: n, chartWidth: l }) {
+  const c = `${a}  step ${n}`.length * 6.2 + 16, i = 22, u = 8;
+  let h = s - i - u;
+  h < 2 && (h = s + u + 4);
+  let m = t - c / 2;
+  return m = Math.max(F.left, Math.min(m, l - F.right - c)), /* @__PURE__ */ e.jsxs("g", { pointerEvents: "none", children: [
+    /* @__PURE__ */ e.jsx(
+      "rect",
+      {
+        x: m,
+        y: h,
+        width: c,
+        height: i,
+        rx: 4,
+        fill: "var(--dq-bg-primary)",
+        stroke: "var(--dq-border-color)",
+        strokeWidth: 1
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      "text",
+      {
+        x: m + 8,
+        y: h + i / 2,
+        dominantBaseline: "central",
+        fontSize: 11,
+        className: "fill-[var(--dq-text-primary)]",
+        fontFamily: "ui-monospace, monospace",
+        children: [
+          /* @__PURE__ */ e.jsx("tspan", { children: a }),
+          /* @__PURE__ */ e.jsxs("tspan", { dx: 8, className: "fill-[var(--dq-text-muted)]", children: [
+            "step ",
+            n
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function ir({ metricKey: t, points: s, color: a }) {
+  const n = De(null), l = De(null), o = nr(n), [c, i] = T(null), u = ke(
+    () => [...s].sort((y, W) => y.step - W.step),
+    [s]
+  ), h = o - F.left - F.right, m = at - F.top - F.bottom, p = ke(
+    () => h > 0 ? rr(u, h) : u,
+    [u, h]
+  ), { xMin: b, xMax: D, yMin: g, yMax: I } = ke(() => {
+    let y = 1 / 0, W = -1 / 0;
+    for (const V of u)
+      V.value < y && (y = V.value), V.value > W && (W = V.value);
+    const ue = (W - y) * 0.05 || 0.1;
+    return {
+      xMin: u[0]?.step ?? 0,
+      xMax: u[u.length - 1]?.step ?? 1,
+      yMin: y - ue,
+      yMax: W + ue
+    };
+  }, [u]), E = me(
+    (y) => F.left + (y - b) / (D - b || 1) * h,
+    [b, D, h]
+  ), A = me(
+    (y) => F.top + m - (y - g) / (I - g || 1) * m,
+    [g, I, m]
+  ), S = ke(
+    () => p.map((y, W) => `${W === 0 ? "M" : "L"}${E(y.step).toFixed(1)},${A(y.value).toFixed(1)}`).join(" "),
+    [p, E, A]
+  ), ie = ke(() => qt(g, I, Mt), [g, I]), ce = ke(() => qt(b, D, Mt).map(Math.round), [b, D]), Z = me(
+    (y) => {
+      const W = l.current?.getBoundingClientRect();
+      if (!W || !u.length) return;
+      const ue = y.clientX - W.left, V = b + (ue - F.left) / h * (D - b);
+      let ee = 0, je = u.length - 1;
+      for (; ee < je; ) {
+        const le = ee + je >> 1;
+        u[le].step < V ? ee = le + 1 : je = le;
+      }
+      const ne = ee > 0 && Math.abs(u[ee - 1].step - V) < Math.abs(u[ee].step - V) ? ee - 1 : ee, te = u[ne];
+      i({ x: E(te.step), y: A(te.value), pt: te });
+    },
+    [u, b, D, h, E, A]
+  ), J = u[u.length - 1];
+  return o < 100 ? /* @__PURE__ */ e.jsx("div", { ref: n, className: "metric-chart" }) : /* @__PURE__ */ e.jsxs("div", { ref: n, className: "metric-chart", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "metric-chart-header", children: [
+      /* @__PURE__ */ e.jsx("span", { className: "metric-chart-label", style: { color: a }, children: t }),
+      J && /* @__PURE__ */ e.jsxs("span", { className: "metric-chart-latest", children: [
+        "latest: ",
+        lt(J.value),
+        " @ step ",
+        J.step
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      "svg",
+      {
+        ref: l,
+        width: o,
+        height: at,
+        className: "metric-chart-svg",
+        onMouseMove: Z,
+        onMouseLeave: () => i(null),
+        children: [
+          ie.map((y) => /* @__PURE__ */ e.jsx(
+            "line",
+            {
+              x1: F.left,
+              x2: o - F.right,
+              y1: A(y),
+              y2: A(y),
+              stroke: "var(--dq-border-color)",
+              strokeWidth: 0.5,
+              strokeDasharray: "3,3"
+            },
+            `gy-${y}`
+          )),
+          ce.map((y) => /* @__PURE__ */ e.jsx(
+            "line",
+            {
+              x1: E(y),
+              x2: E(y),
+              y1: F.top,
+              y2: F.top + m,
+              stroke: "var(--dq-border-color)",
+              strokeWidth: 0.5,
+              strokeDasharray: "3,3"
+            },
+            `gx-${y}`
+          )),
+          /* @__PURE__ */ e.jsx(
+            "line",
+            {
+              x1: F.left,
+              y1: F.top,
+              x2: F.left,
+              y2: F.top + m,
+              stroke: "var(--dq-border-color)",
+              strokeWidth: 1
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "line",
+            {
+              x1: F.left,
+              y1: F.top + m,
+              x2: o - F.right,
+              y2: F.top + m,
+              stroke: "var(--dq-border-color)",
+              strokeWidth: 1
+            }
+          ),
+          ie.map((y) => /* @__PURE__ */ e.jsx(
+            "text",
+            {
+              x: F.left - 6,
+              y: A(y),
+              textAnchor: "end",
+              dominantBaseline: "middle",
+              className: "fill-[var(--dq-text-muted)]",
+              fontSize: 10,
+              children: sr(y)
+            },
+            y
+          )),
+          ce.map((y) => /* @__PURE__ */ e.jsx(
+            "text",
+            {
+              x: E(y),
+              y: at - 4,
+              textAnchor: "middle",
+              className: "fill-[var(--dq-text-muted)]",
+              fontSize: 10,
+              children: y
+            },
+            y
+          )),
+          /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              d: S,
+              fill: "none",
+              stroke: a,
+              strokeWidth: 1.5,
+              strokeLinejoin: "round",
+              strokeLinecap: "round"
+            }
+          ),
+          c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsx(
+              "line",
+              {
+                x1: c.x,
+                x2: c.x,
+                y1: F.top,
+                y2: F.top + m,
+                stroke: "var(--dq-text-muted)",
+                strokeWidth: 1,
+                strokeDasharray: "3,3",
+                opacity: 0.4
+              }
+            ),
+            /* @__PURE__ */ e.jsx("circle", { cx: c.x, cy: c.y, r: 3.5, fill: a }),
+            /* @__PURE__ */ e.jsx(
+              ar,
+              {
+                x: c.x,
+                y: c.y,
+                value: lt(c.pt.value),
+                step: c.pt.step,
+                chartWidth: o
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const ze = 6;
+function cr({ series: t }) {
+  const s = Object.keys(t).sort(), [a, n] = T(0);
+  if (!s.length) return null;
+  const l = Math.ceil(s.length / ze), o = s.slice(a * ze, (a + 1) * ze);
+  return /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "metric-charts-grid", children: o.map((c, i) => /* @__PURE__ */ e.jsx(
+      ir,
+      {
+        metricKey: c,
+        points: t[c],
+        color: Lt[(a * ze + i) % Lt.length]
+      },
+      c
+    )) }),
+    l > 1 && /* @__PURE__ */ e.jsxs("div", { className: "metric-charts-pagination", children: [
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          className: "metric-charts-page-btn",
+          onClick: () => n((c) => c - 1),
+          disabled: a === 0,
+          children: "‹ Prev"
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("span", { className: "metric-charts-page-info", children: [
+        a + 1,
+        " / ",
+        l
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          className: "metric-charts-page-btn",
+          onClick: () => n((c) => c + 1),
+          disabled: a >= l - 1,
+          children: "Next ›"
+        }
+      )
+    ] })
+  ] });
+}
+function lr({ createdAt: t, endedAt: s, status: a }) {
+  const n = !$e(a), [l, o] = T(Date.now());
+  de(() => {
+    if (!n) return;
+    const i = setInterval(() => o(Date.now()), 1e3);
+    return () => clearInterval(i);
+  }, [n]);
+  const c = n ? Math.max(0, Math.floor((l - new Date(t).getTime()) / 1e3)) : Ut(t, s);
+  return /* @__PURE__ */ e.jsx("span", { className: n ? "tabular-nums" : void 0, children: Wt(c) });
+}
+function or() {
+  const { runId: t } = xt(), s = Es(), { api: a } = K(), { data: n, loading: l, error: o, refetch: c } = Yt(t), { data: i, refetch: u } = Ke(), h = n ? !$e(n.status) : !1, { data: m } = Gs(t, h), [p, b] = T(!1), [D, g] = T(null), { mutate: I, loading: E } = Fe(
+    () => a.setBaseline(n.project, n.run_id)
+  ), { mutate: A, loading: S } = Fe(
+    () => a.deleteRun(t)
+  ), ce = i?.find((C) => C.name === n?.project)?.baseline?.run_id === t;
+  if (de(() => {
+    if (D) {
+      const C = setTimeout(() => g(null), 3e3);
+      return () => clearTimeout(C);
+    }
+  }, [D]), l)
+    return /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(G, {}) }) });
+  if (o || !n)
+    return /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(
+      we,
       {
         message: "Run not found",
-        hint: o?.message || `Run ${r} does not exist`
+        hint: o?.message || `Run ${t} does not exist`
       }
     ) }) });
-  const se = a.backend || {}, te = a.fingerprints || {}, J = a.data?.params || {}, Z = a.data?.metrics || {}, ne = a.data?.tags || {}, xe = a.artifacts || [], pe = a.errors || [], Be = async () => {
+  const Z = n.backend || {}, J = n.fingerprints || {}, y = n.data?.params || {}, W = n.data?.metrics || {}, ue = n.data?.tags || {}, V = n.artifacts || [], ee = n.errors || [], je = async () => {
     try {
-      await U(), await f(), d(), _({ message: "Baseline updated", variant: "success" });
+      await I(), await u(), c(), g({ message: "Baseline updated", variant: "success" });
     } catch {
-      _({ message: "Failed to set baseline", variant: "error" });
+      g({ message: "Failed to set baseline", variant: "error" });
     }
-  }, Ie = async () => {
+  }, ne = async () => {
     try {
-      await H(), m(!1), _({ message: "Run deleted", variant: "success" }), setTimeout(() => t("/runs"), 1e3);
+      await A(), b(!1), g({ message: "Run deleted", variant: "success" }), setTimeout(() => s("/runs"), 1e3);
     } catch {
-      _({ message: "Failed to delete run", variant: "error" }), m(!1);
+      g({ message: "Failed to delete run", variant: "error" }), b(!1);
     }
-  }, ke = async (y) => {
-    const P = xe[y];
+  }, te = async (C) => {
+    const L = V[C];
     try {
-      const ce = n.getArtifactDownloadUrl(a.run_id, y), ge = await fetch(ce);
-      if (!ge.ok) throw new Error("Download failed");
-      const Se = await ge.blob(), le = document.createElement("a");
-      le.href = URL.createObjectURL(Se), le.download = P?.kind || `artifact-${y}`, le.click(), URL.revokeObjectURL(le.href), _({ message: "Download started", variant: "success" });
-    } catch {
-      _({ message: "Download failed", variant: "error" });
-    }
-  };
-  return /* @__PURE__ */ e.jsxs(V, { children: [
-    S && /* @__PURE__ */ e.jsxs("div", { className: "mb-4 px-4 py-3 bg-[#EFF6FF] border border-[#2563EB]/20 rounded-md text-[#2563EB] text-sm font-medium", children: [
+      const pe = a.getArtifactDownloadUrl(n.run_id, C), he = await fetch(pe);
+      if (!he.ok) {
+        const qe = {
+          404: "Artifact not found",
+          403: "Permission denied"
+        };
+        throw new Error(
+          qe[he.status] ?? (he.status >= 500 ? "Server error" : `Download failed (${he.status})`)
+        );
+      }
+      const Le = await he.blob(), ye = document.createElement("a");
+      ye.href = URL.createObjectURL(Le), ye.download = L?.kind || `artifact-${C}`, ye.click(), URL.revokeObjectURL(ye.href), g({ message: "Download complete", variant: "success" });
+    } catch (pe) {
+      const he = pe instanceof Error && pe.message ? pe.message : "Download failed";
+      g({ message: he, variant: "error" });
+    }
+  }, le = [
+    { label: "Project", value: /* @__PURE__ */ e.jsx(se, { to: `/runs?project=${n.project}`, children: n.project }) },
+    { label: "Name", value: n.run_name || "—" },
+    { label: "Adapter", value: n.adapter || "N/A" },
+    { label: "Status", value: /* @__PURE__ */ e.jsx(Jt, { status: n.status }) },
+    { label: "Created", value: `${n.created_at} (${Ye(n.created_at)})` },
+    {
+      label: "Duration",
+      value: /* @__PURE__ */ e.jsx(lr, { createdAt: n.created_at, endedAt: n.ended_at, status: n.status })
+    },
+    ...n.ended_at ? [{ label: "Ended", value: `${n.ended_at} (${Ye(n.ended_at)})` }] : [],
+    { label: "Backend", value: Z.name || "N/A" },
+    ...n.group_id ? [{
+      label: "Group",
+      value: /* @__PURE__ */ e.jsx(se, { to: `/groups/${n.group_id}`, children: n.group_name || oe(n.group_id) })
+    }] : []
+  ];
+  return /* @__PURE__ */ e.jsxs(Q, { children: [
+    ce && /* @__PURE__ */ e.jsxs("div", { className: "mb-4 px-4 py-3 bg-[#EFF6FF] border border-[#2563EB]/20 rounded-md text-[#2563EB] text-sm font-medium", children: [
       'This run is the current baseline for project "',
-      a.project,
+      n.project,
       '"'
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "page-header", children: [
       /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__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.jsx("h1", { className: "page-title", children: n.run_name || "Unnamed Run" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm font-mono", children: n.run_id })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ e.jsx(Fr, { runId: a.run_id, runName: a.run_name }),
-        !S && /* @__PURE__ */ e.jsxs(D, { variant: "secondary", size: "sm", onClick: Be, disabled: w, children: [
-          w && /* @__PURE__ */ e.jsx(I, {}),
+        /* @__PURE__ */ e.jsx(Xs, { runId: n.run_id, runName: n.run_name }),
+        !ce && /* @__PURE__ */ e.jsxs($, { variant: "secondary", size: "sm", onClick: je, disabled: E, children: [
+          E && /* @__PURE__ */ e.jsx(G, {}),
           "Set as Baseline"
         ] }),
-        /* @__PURE__ */ e.jsx(D, { variant: "ghost-danger", size: "sm", onClick: () => m(!0), children: "Delete" })
+        /* @__PURE__ */ e.jsx($, { variant: "ghost-danger", size: "sm", onClick: () => b(!0), children: "Delete" })
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
-      /* @__PURE__ */ e.jsxs(b, { children: [
-        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Overview" }) }),
-        /* @__PURE__ */ e.jsx(Je, { items: [
-          { label: "Project", value: /* @__PURE__ */ e.jsx(z, { 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($s, { status: a.status }) },
-          { label: "Created", value: `${a.created_at} (${Ze(a.created_at)})` },
-          { label: "Backend", value: se.name || "N/A" },
-          ...a.group_id ? [{
-            label: "Group",
-            value: /* @__PURE__ */ e.jsx(z, { to: `/groups/${a.group_id}`, children: a.group_name || Q(a.group_id) })
-          }] : []
-        ] })
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "Overview" }) }),
+        /* @__PURE__ */ e.jsx(ot, { items: le })
       ] }),
-      /* @__PURE__ */ e.jsxs(b, { children: [
-        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Fingerprints" }) }),
-        /* @__PURE__ */ e.jsx(Je, { items: [
-          { label: "Run", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: te.run || "N/A" }) },
-          { label: "Program", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: te.program || "N/A" }) }
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "Fingerprints" }) }),
+        /* @__PURE__ */ e.jsx(ot, { items: [
+          { label: "Run", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: J.run || "N/A" }) },
+          { label: "Program", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: J.program || "N/A" }) }
         ] })
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-4", children: [
-      /* @__PURE__ */ e.jsxs(b, { children: [
-        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Parameters" }) }),
-        Object.keys(J).length ? /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsx(B, { children: Object.entries(J).map(([y, P]) => /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: y }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(P) })
-        ] }, y)) }) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No parameters" })
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "Parameters" }) }),
+        Object.keys(y).length ? /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(U, { children: Object.entries(y).map(([C, L]) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(d, { children: C }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: String(L) })
+        ] }, C)) }) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No parameters" })
       ] }),
-      /* @__PURE__ */ e.jsxs(b, { children: [
-        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Metrics" }) }),
-        Object.keys(Z).length ? /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsx(B, { children: Object.entries(Z).map(([y, P]) => /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: y }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: typeof P == "number" ? Er(P) : String(P) })
-        ] }, y)) }) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No metrics" })
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "Metrics" }) }),
+        Object.keys(W).length ? /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(U, { children: Object.entries(W).map(([C, L]) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(d, { children: C }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: typeof L == "number" ? lt(L) : String(L) })
+        ] }, C)) }) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No metrics" })
       ] }),
-      /* @__PURE__ */ e.jsxs(b, { children: [
-        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Tags" }) }),
-        Object.keys(ne).length ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: Object.entries(ne).map(([y, P]) => /* @__PURE__ */ e.jsxs(Y, { variant: "gray", children: [
-          y,
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "Tags" }) }),
+        Object.keys(ue).length ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: Object.entries(ue).map(([C, L]) => /* @__PURE__ */ e.jsxs(re, { variant: "gray", children: [
+          C,
           ": ",
-          String(P)
-        ] }, y)) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No tags" })
+          String(L)
+        ] }, C)) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No tags" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(b, { className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsxs(G, { children: [
+    m && /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "Metric History" }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "p-4", children: /* @__PURE__ */ e.jsx(cr, { series: m }) })
+    ] }),
+    /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsxs(H, { children: [
         "Artifacts (",
-        xe.length,
+        V.length,
         ")"
       ] }) }),
-      xe.length ? /* @__PURE__ */ e.jsxs(L, { children: [
-        /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(N, { children: "#" }),
-          /* @__PURE__ */ e.jsx(N, { children: "Kind" }),
-          /* @__PURE__ */ e.jsx(N, { children: "Role" }),
-          /* @__PURE__ */ e.jsx(N, { children: "Media Type" }),
-          /* @__PURE__ */ e.jsx(N, { children: "Digest" }),
-          /* @__PURE__ */ e.jsx(N, { children: "Actions" })
+      V.length ? /* @__PURE__ */ e.jsxs(B, { children: [
+        /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(w, { children: "#" }),
+          /* @__PURE__ */ e.jsx(w, { children: "Kind" }),
+          /* @__PURE__ */ e.jsx(w, { children: "Role" }),
+          /* @__PURE__ */ e.jsx(w, { children: "Media Type" }),
+          /* @__PURE__ */ e.jsx(w, { children: "Digest" }),
+          /* @__PURE__ */ e.jsx(w, { children: "Actions" })
         ] }) }),
-        /* @__PURE__ */ e.jsx(B, { children: xe.map((y, P) => /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: P }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: y.kind }),
-          /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Y, { variant: "gray", children: y.role }) }),
-          /* @__PURE__ */ e.jsx(c, { className: "text-muted text-sm", children: y.media_type }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: He(y.digest) }),
-          /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ e.jsx(z, { to: `/runs/${a.run_id}/artifacts/${P}`, children: /* @__PURE__ */ e.jsx(D, { variant: "secondary", size: "sm", children: "View" }) }),
-            /* @__PURE__ */ e.jsx(D, { variant: "secondary", size: "sm", onClick: () => ke(P), children: "Download" })
+        /* @__PURE__ */ e.jsx(U, { children: V.map((C, L) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(d, { children: L }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono text-sm", children: C.kind }),
+          /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(re, { variant: "gray", children: C.role }) }),
+          /* @__PURE__ */ e.jsx(d, { className: "text-muted text-sm", children: C.media_type }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono text-sm", children: ct(C.digest) }),
+          /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ e.jsx(se, { to: `/runs/${n.run_id}/artifacts/${L}`, children: /* @__PURE__ */ e.jsx($, { variant: "secondary", size: "sm", children: "View" }) }),
+            /* @__PURE__ */ e.jsx($, { variant: "secondary", size: "sm", onClick: () => te(L), children: "Download" })
           ] }) })
-        ] }, P)) })
+        ] }, L)) })
       ] }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No artifacts" })
     ] }),
-    pe.length > 0 && /* @__PURE__ */ e.jsxs(b, { children: [
-      /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { className: "text-danger", children: "Errors" }) }),
-      pe.map((y, P) => /* @__PURE__ */ e.jsxs("div", { className: "mb-2", children: [
-        /* @__PURE__ */ e.jsx("strong", { children: y.type }),
+    ee.length > 0 && /* @__PURE__ */ e.jsxs(N, { children: [
+      /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { className: "text-danger", children: "Errors" }) }),
+      ee.map((C, L) => /* @__PURE__ */ e.jsxs("div", { className: "mb-2", children: [
+        /* @__PURE__ */ e.jsx("strong", { children: C.type }),
         ": ",
-        y.message,
-        y.traceback && /* @__PURE__ */ e.jsx("pre", { className: "mt-2", children: y.traceback })
-      ] }, P))
+        C.message,
+        C.traceback && /* @__PURE__ */ e.jsx("pre", { className: "mt-2", children: C.traceback })
+      ] }, L))
     ] }),
     /* @__PURE__ */ e.jsxs(
-      es,
+      ft,
       {
-        open: h,
-        onClose: () => m(!1),
+        open: p,
+        onClose: () => b(!1),
         title: "Delete Run",
         actions: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(D, { variant: "secondary", onClick: () => m(!1), children: "Cancel" }),
-          /* @__PURE__ */ e.jsxs(D, { variant: "danger", onClick: Ie, disabled: k, children: [
-            k && /* @__PURE__ */ e.jsx(I, {}),
+          /* @__PURE__ */ e.jsx($, { variant: "secondary", onClick: () => b(!1), children: "Cancel" }),
+          /* @__PURE__ */ e.jsxs($, { variant: "danger", onClick: ne, disabled: S, children: [
+            S && /* @__PURE__ */ e.jsx(G, {}),
             "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: Q(a.run_id) }),
+          /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm mt-2", children: oe(n.run_id) }),
           /* @__PURE__ */ e.jsx("p", { className: "text-sm text-danger mt-2", children: "This action cannot be undone." })
         ]
       }
     ),
-    p && /* @__PURE__ */ e.jsx(
-      Ce,
+    D && /* @__PURE__ */ e.jsx(
+      Me,
       {
-        message: p.message,
-        variant: p.variant,
-        visible: !!p,
-        onClose: () => _(null)
+        message: D.message,
+        variant: D.variant,
+        visible: !!D,
+        onClose: () => g(null)
       }
     )
   ] });
 }
-function Ir() {
-  const { currentWorkspace: r } = K(), { data: t, loading: n } = Le();
-  return /* @__PURE__ */ e.jsxs(V, { children: [
-    /* @__PURE__ */ e.jsx(Ee, { title: "Projects" }),
-    /* @__PURE__ */ e.jsx(b, { children: n ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(I, {}) }) : /* @__PURE__ */ e.jsx(Dr, { projects: t ?? [], currentWorkspace: r }) })
+function dr() {
+  const { currentWorkspace: t } = K(), { data: s, loading: a } = Ke();
+  return /* @__PURE__ */ e.jsxs(Q, { children: [
+    /* @__PURE__ */ e.jsx(Oe, { title: "Projects" }),
+    /* @__PURE__ */ e.jsx(N, { children: a ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(G, {}) }) : /* @__PURE__ */ e.jsx(Ks, { projects: s ?? [], currentWorkspace: t }) })
   ] });
 }
-function qr() {
-  const [r, t] = $e(), { data: n } = Le(), [a, u] = T(r.get("project") || ""), { data: o, loading: d, refetch: i } = Nr({ project: a || void 0 }), f = _e((h) => {
-    u(h);
-    const m = new URLSearchParams(r);
-    h ? m.set("project", h) : m.delete("project"), t(m, { replace: !0 });
-  }, [r, t]);
-  return /* @__PURE__ */ e.jsxs(V, { children: [
-    /* @__PURE__ */ e.jsx(Ee, { title: "Run Groups" }),
-    /* @__PURE__ */ e.jsx(b, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(Os, { children: [
-      /* @__PURE__ */ e.jsxs(ee, { children: [
-        /* @__PURE__ */ e.jsx(ie, { htmlFor: "project", children: "Project" }),
+function ur() {
+  const [t, s] = He(), { data: a } = Ke(), [n, l] = T(t.get("project") || ""), { data: o, loading: c, refetch: i } = Is({ project: n || void 0 }), u = me((h) => {
+    l(h);
+    const m = new URLSearchParams(t);
+    h ? m.set("project", h) : m.delete("project"), s(m, { replace: !0 });
+  }, [t, s]);
+  return /* @__PURE__ */ e.jsxs(Q, { children: [
+    /* @__PURE__ */ e.jsx(Oe, { title: "Run Groups" }),
+    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(Kt, { children: [
+      /* @__PURE__ */ e.jsxs(xe, { children: [
+        /* @__PURE__ */ e.jsx(ve, { htmlFor: "project", children: "Project" }),
         /* @__PURE__ */ e.jsxs(
-          de,
+          _e,
           {
             id: "project",
-            value: a,
-            onChange: (h) => f(h.target.value),
+            value: n,
+            onChange: (h) => u(h.target.value),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "", children: "All projects" }),
-              n?.map((h) => /* @__PURE__ */ e.jsx("option", { value: h.name, children: h.name }, h.name))
+              a?.map((h) => /* @__PURE__ */ e.jsx("option", { value: h.name, children: h.name }, h.name))
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(ee, { className: "flex items-end gap-2", children: [
-        /* @__PURE__ */ e.jsx(D, { variant: "primary", onClick: () => i(), children: "Filter" }),
-        d && /* @__PURE__ */ e.jsx(I, {})
+      /* @__PURE__ */ e.jsxs(xe, { className: "flex items-end gap-2", children: [
+        /* @__PURE__ */ e.jsx($, { variant: "primary", onClick: () => i(), children: "Filter" }),
+        c && /* @__PURE__ */ e.jsx(G, {})
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx(b, { children: d && !o ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(I, {}) }) : /* @__PURE__ */ e.jsx(Ar, { groups: o ?? [] }) })
+    /* @__PURE__ */ e.jsx(N, { children: c && !o ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(G, {}) }) : /* @__PURE__ */ e.jsx(Js, { groups: o ?? [] }) })
   ] });
 }
-function Ur() {
-  const { groupId: r } = Qe(), { api: t } = K(), { data: n, loading: a, error: u, refetch: o } = _r(r), [d, i] = T(null), f = Re((m) => t.deleteRun(m));
-  je(() => {
-    if (d) {
+function hr() {
+  const { groupId: t } = xt(), { api: s } = K(), { data: a, loading: n, error: l, refetch: o } = Bs(t), [c, i] = T(null), u = Fe((m) => s.deleteRun(m));
+  de(() => {
+    if (c) {
       const m = setTimeout(() => i(null), 3e3);
       return () => clearTimeout(m);
     }
-  }, [d]);
+  }, [c]);
   const h = async (m) => {
     try {
-      await f.mutate(m), i({ message: "Run deleted", variant: "success" }), o();
+      await u.mutate(m), i({ message: "Run deleted", variant: "success" }), o();
     } catch {
       i({ message: "Failed to delete run", variant: "error" });
     }
   };
-  return a ? /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(I, {}) }) }) : u || !n ? /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(he, { message: "Group not found", hint: u?.message }) }) }) : /* @__PURE__ */ e.jsxs(V, { children: [
+  return n ? /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(G, {}) }) }) : l || !a ? /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(we, { message: "Group not found", hint: l?.message }) }) }) : /* @__PURE__ */ e.jsxs(Q, { children: [
     /* @__PURE__ */ e.jsx(
-      Ee,
+      Oe,
       {
         title: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           "Group ",
-          /* @__PURE__ */ e.jsx("span", { className: "font-mono", children: Q(r) })
+          /* @__PURE__ */ e.jsx("span", { className: "font-mono", children: oe(t) })
         ] }),
-        subtitle: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-muted", children: r })
+        subtitle: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-muted", children: t })
       }
     ),
-    /* @__PURE__ */ e.jsxs(b, { children: [
-      /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsxs(G, { children: [
+    /* @__PURE__ */ e.jsxs(N, { children: [
+      /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsxs(H, { children: [
         "Runs in Group (",
-        n.runs.length,
+        a.runs.length,
         ")"
       ] }) }),
       /* @__PURE__ */ e.jsx(
-        rs,
+        pt,
         {
-          runs: n.runs,
+          runs: a.runs,
           onDelete: h,
-          loading: f.loading
+          loading: u.loading
         }
       )
     ] }),
-    d && /* @__PURE__ */ e.jsx(
-      Ce,
+    c && /* @__PURE__ */ e.jsx(
+      Me,
       {
-        message: d.message,
-        variant: d.variant,
-        visible: !!d,
+        message: c.message,
+        variant: c.variant,
+        visible: !!c,
         onClose: () => i(null)
       }
     )
   ] });
 }
-function Mr({ className: r = "" }) {
-  return /* @__PURE__ */ e.jsx("svg", { className: r, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e.jsx("polyline", { points: "20 6 9 17 4 12" }) });
+function xr({ className: t = "" }) {
+  return /* @__PURE__ */ e.jsx("svg", { className: t, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e.jsx("polyline", { points: "20 6 9 17 4 12" }) });
 }
-function Wr({ className: r = "" }) {
-  return /* @__PURE__ */ e.jsxs("svg", { className: r, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+function mr({ className: t = "" }) {
+  return /* @__PURE__ */ e.jsxs("svg", { className: t, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ e.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ e.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Gr({ className: r = "" }) {
-  return /* @__PURE__ */ e.jsxs("svg", { className: r, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+function fr({ className: t = "" }) {
+  return /* @__PURE__ */ e.jsxs("svg", { className: t, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ e.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
     /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
     /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
   ] });
 }
-function Ke({ className: r = "" }) {
-  return /* @__PURE__ */ e.jsxs("svg", { className: r, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+function it({ className: t = "" }) {
+  return /* @__PURE__ */ e.jsxs("svg", { className: t, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
     /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
   ] });
 }
-function Ne({ match: r }) {
-  return r ? /* @__PURE__ */ e.jsxs("span", { className: "diff-match inline-flex items-center gap-1.5", children: [
-    /* @__PURE__ */ e.jsx(Mr, { className: "flex-shrink-0" }),
+function Pe({ match: t }) {
+  return t ? /* @__PURE__ */ e.jsxs("span", { className: "diff-match inline-flex items-center gap-1.5", children: [
+    /* @__PURE__ */ e.jsx(xr, { className: "flex-shrink-0" }),
     /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: "Match" })
   ] }) : /* @__PURE__ */ e.jsxs("span", { className: "diff-mismatch inline-flex items-center gap-1.5", children: [
-    /* @__PURE__ */ e.jsx(Wr, { className: "flex-shrink-0" }),
+    /* @__PURE__ */ e.jsx(mr, { className: "flex-shrink-0" }),
     /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: "Different" })
   ] });
 }
-function Vr({ warnings: r }) {
-  return !r || r.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "alert alert-warning mb-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-3", children: [
-    /* @__PURE__ */ e.jsx(Gr, { className: "flex-shrink-0 mt-0.5" }),
+function jr({ warnings: t }) {
+  return !t || t.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "alert alert-warning mb-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-3", children: [
+    /* @__PURE__ */ e.jsx(fr, { className: "flex-shrink-0 mt-0.5" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-      /* @__PURE__ */ e.jsx("p", { className: "font-semibold mb-1", children: r.length === 1 ? "Warning" : `${r.length} Warnings` }),
-      /* @__PURE__ */ e.jsx("ul", { className: "space-y-1", children: r.map((t, n) => /* @__PURE__ */ e.jsx("li", { className: "text-sm", children: t }, n)) })
+      /* @__PURE__ */ e.jsx("p", { className: "font-semibold mb-1", children: t.length === 1 ? "Warning" : `${t.length} Warnings` }),
+      /* @__PURE__ */ e.jsx("ul", { className: "space-y-1", children: t.map((s, a) => /* @__PURE__ */ e.jsx("li", { className: "text-sm", children: s }, a)) })
     ] })
   ] }) });
 }
-function Cs({
-  label: r,
-  run: t,
-  variant: n
+function It({
+  label: t,
+  run: s,
+  variant: a
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ e.jsx("div", { className: `absolute top-0 left-0 w-1 h-full rounded-l ${n === "a" ? "bg-info" : "bg-primary"}` }),
+    /* @__PURE__ */ e.jsx("div", { className: `absolute top-0 left-0 w-1 h-full rounded-l ${a === "a" ? "bg-info" : "bg-primary"}` }),
     /* @__PURE__ */ e.jsxs("div", { className: "pl-4", children: [
-      /* @__PURE__ */ e.jsx("p", { className: `text-xs font-semibold uppercase tracking-wider mb-2 ${n === "a" ? "text-info" : "text-primary"}`, children: r }),
-      /* @__PURE__ */ e.jsx(z, { to: `/runs/${t.run_id}`, className: "text-base font-medium hover:underline", children: t.run_name || "Unnamed Run" }),
-      /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs mt-1 text-muted", children: Q(t.run_id) }),
+      /* @__PURE__ */ e.jsx("p", { className: `text-xs font-semibold uppercase tracking-wider mb-2 ${a === "a" ? "text-info" : "text-primary"}`, children: t }),
+      /* @__PURE__ */ e.jsx(se, { to: `/runs/${s.run_id}`, className: "text-base font-medium hover:underline", children: s.run_name || "Unnamed Run" }),
+      /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs mt-1 text-muted", children: oe(s.run_id) }),
       /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-1 text-muted", children: [
-        t.project,
+        s.project,
         " · ",
-        Ze(t.created_at)
+        Ye(s.created_at)
       ] })
     ] })
   ] });
 }
-function ae({
-  children: r,
-  badge: t
+function ge({
+  children: t,
+  badge: s
 }) {
-  return /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-2 flex-wrap", children: [
-    r,
-    t && /* @__PURE__ */ e.jsx(Y, { variant: t.variant, children: t.label })
+  return /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-2 flex-wrap", children: [
+    t,
+    s && /* @__PURE__ */ e.jsx(re, { variant: s.variant, children: s.label })
   ] }) }) });
 }
-function zr({
-  tvd: r,
-  noiseContext: t
+function pr({
+  tvd: t,
+  noiseContext: s
 }) {
-  if (r === 0)
+  if (t === 0)
     return /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-4 text-success", children: "✓ Distributions are identical (TVD = 0)" });
-  if (!t) return null;
-  const { p_value: n, noise_ratio: a } = t;
-  return n != null ? n >= 0.1 ? /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-4 text-success", children: "✓ Consistent with sampling noise — difference is not statistically significant" }) : n >= 0.05 ? /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-4 text-warning", children: [
+  if (!s) return null;
+  const { p_value: a, noise_ratio: n } = s;
+  return a != null ? a >= 0.1 ? /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-4 text-success", children: "✓ Consistent with sampling noise — difference is not statistically significant" }) : a >= 0.05 ? /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-4 text-warning", children: [
     "⚠ Borderline (p=",
-    n.toFixed(2),
+    a.toFixed(2),
     ") — consider increasing shots"
   ] }) : /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-4 text-danger", children: [
     "✗ Statistically significant difference (p=",
-    n.toFixed(2),
+    a.toFixed(2),
     ") — results show meaningful divergence"
-  ] }) : a != null ? a < 1.5 ? /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-4 text-success", children: "✓ TVD is within expected shot noise range" }) : a < 3 ? /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-4 text-warning", children: [
+  ] }) : n != null ? n < 1.5 ? /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-4 text-success", children: "✓ TVD is within expected shot noise range" }) : n < 3 ? /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-4 text-warning", children: [
     "⚠ Ambiguous (",
-    a.toFixed(1),
+    n.toFixed(1),
     "× expected noise) — consider increasing shots"
   ] }) : /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-4 text-danger", children: [
     "✗ TVD exceeds expected noise (",
-    a.toFixed(1),
+    n.toFixed(1),
     "×) — results show meaningful differences"
   ] }) : null;
 }
-function Yr() {
-  const [r, t] = $e(), { data: n } = Ds({ limit: 100 }), a = n?.runs ?? [], [u, o] = T(r.get("a") || ""), [d, i] = T(r.get("b") || ""), [f, h] = T(""), m = (p) => {
-    if (p.preventDefault(), !u || !d) {
+function gr() {
+  const [t, s] = He(), { data: a } = zt({ limit: 100 }), n = a?.runs ?? [], [l, o] = T(t.get("a") || ""), [c, i] = T(t.get("b") || ""), [u, h] = T(""), m = (p) => {
+    if (p.preventDefault(), !l || !c) {
       h("Please select both runs to compare");
       return;
     }
-    if (u === d) {
+    if (l === c) {
       h("Please select two different runs");
       return;
     }
-    h(""), t({ a: u, b: d });
+    h(""), s({ a: l, b: c });
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs("form", { onSubmit: m, children: [
+    /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs("form", { onSubmit: m, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
-        /* @__PURE__ */ e.jsxs(ee, { children: [
-          /* @__PURE__ */ e.jsx(ie, { htmlFor: "a", children: "Run A (Baseline)" }),
+        /* @__PURE__ */ e.jsxs(xe, { children: [
+          /* @__PURE__ */ e.jsx(ve, { htmlFor: "a", children: "Run A (Baseline)" }),
           /* @__PURE__ */ e.jsxs(
-            de,
+            _e,
             {
               id: "a",
-              value: u,
+              value: l,
               onChange: (p) => {
                 o(p.target.value), h("");
               },
               children: [
                 /* @__PURE__ */ e.jsx("option", { value: "", children: "Select run..." }),
-                a.map((p) => /* @__PURE__ */ e.jsxs("option", { value: p.run_id, children: [
+                n.map((p) => /* @__PURE__ */ e.jsxs("option", { value: p.run_id, children: [
                   p.run_name || "Unnamed",
                   " (",
-                  Q(p.run_id),
+                  oe(p.run_id),
                   ") — ",
                   p.project
                 ] }, p.run_id))
@@ -1850,22 +2291,22 @@ function Yr() {
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsxs(ee, { children: [
-          /* @__PURE__ */ e.jsx(ie, { htmlFor: "b", children: "Run B (Candidate)" }),
+        /* @__PURE__ */ e.jsxs(xe, { children: [
+          /* @__PURE__ */ e.jsx(ve, { htmlFor: "b", children: "Run B (Candidate)" }),
           /* @__PURE__ */ e.jsxs(
-            de,
+            _e,
             {
               id: "b",
-              value: d,
+              value: c,
               onChange: (p) => {
                 i(p.target.value), h("");
               },
               children: [
                 /* @__PURE__ */ e.jsx("option", { value: "", children: "Select run..." }),
-                a.map((p) => /* @__PURE__ */ e.jsxs("option", { value: p.run_id, children: [
+                n.map((p) => /* @__PURE__ */ e.jsxs("option", { value: p.run_id, children: [
                   p.run_name || "Unnamed",
                   " (",
-                  Q(p.run_id),
+                  oe(p.run_id),
                   ") — ",
                   p.project
                 ] }, p.run_id))
@@ -1874,100 +2315,100 @@ function Yr() {
           )
         ] })
       ] }),
-      f && /* @__PURE__ */ e.jsx("p", { className: "text-sm mb-3 text-danger", children: f }),
-      /* @__PURE__ */ e.jsx(D, { type: "submit", variant: "primary", children: "Compare" })
+      u && /* @__PURE__ */ e.jsx("p", { className: "text-sm mb-3 text-danger", children: u }),
+      /* @__PURE__ */ e.jsx($, { type: "submit", variant: "primary", children: "Compare" })
     ] }) }),
-    /* @__PURE__ */ e.jsxs(b, { className: "mt-4", children: [
-      /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "How it works" }) }),
+    /* @__PURE__ */ e.jsxs(N, { className: "mt-4", children: [
+      /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "How it works" }) }),
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2 text-sm text-muted", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e.jsx(Ke, { className: "flex-shrink-0 mt-0.5" }),
+          /* @__PURE__ */ e.jsx(it, { className: "flex-shrink-0 mt-0.5" }),
           /* @__PURE__ */ e.jsx("span", { children: "Select two runs to compare their parameters, metrics, and artifacts" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e.jsx(Ke, { className: "flex-shrink-0 mt-0.5" }),
+          /* @__PURE__ */ e.jsx(it, { className: "flex-shrink-0 mt-0.5" }),
           /* @__PURE__ */ e.jsx("span", { children: "The diff shows changed values and computes TVD for result distributions" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e.jsx(Ke, { className: "flex-shrink-0 mt-0.5" }),
+          /* @__PURE__ */ e.jsx(it, { className: "flex-shrink-0 mt-0.5" }),
           /* @__PURE__ */ e.jsx("span", { children: "You can also compare from the run detail page" })
         ] })
       ] })
     ] })
   ] });
 }
-function Kr({ runIdA: r, runIdB: t }) {
-  const { data: n, loading: a, error: u } = wr(r, t);
-  if (a)
-    return /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-12 gap-3", children: [
-      /* @__PURE__ */ e.jsx(I, {}),
+function vr({ runIdA: t, runIdB: s }) {
+  const { data: a, loading: n, error: l } = Us(t, s);
+  if (n)
+    return /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-12 gap-3", children: [
+      /* @__PURE__ */ e.jsx(G, {}),
       /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted", children: "Comparing runs..." })
     ] }) });
-  if (u || !n)
-    return /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(he, { message: "Failed to load diff", hint: u?.message }) });
-  const { run_a: o, run_b: d, report: i } = n, f = i.device_drift?.significant_drift ? { variant: "warning", label: "Drift Detected" } : i.device_drift?.has_calibration_data ? { variant: "success", label: "Stable" } : { variant: "gray", label: "No Data" };
+  if (l || !a)
+    return /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(we, { message: "Failed to load diff", hint: l?.message }) });
+  const { run_a: o, run_b: c, report: i } = a, u = i.device_drift?.significant_drift ? { variant: "warning", label: "Drift Detected" } : i.device_drift?.has_calibration_data ? { variant: "success", label: "Stable" } : { variant: "gray", label: "No Data" };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Vr, { warnings: i.warnings || [] }),
-    /* @__PURE__ */ e.jsx(b, { className: "mb-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ e.jsx(Cs, { label: "Run A (Baseline)", run: o, variant: "a" }),
-      /* @__PURE__ */ e.jsx(Cs, { label: "Run B (Candidate)", run: d, variant: "b" })
+    /* @__PURE__ */ e.jsx(jr, { warnings: i.warnings || [] }),
+    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ e.jsx(It, { label: "Run A (Baseline)", run: o, variant: "a" }),
+      /* @__PURE__ */ e.jsx(It, { label: "Run B (Candidate)", run: c, variant: "b" })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
-      /* @__PURE__ */ e.jsxs(b, { children: [
-        /* @__PURE__ */ e.jsx(ae, { children: "Metadata" }),
-        /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(B, { children: [
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(ge, { children: "Metadata" }),
+        /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsxs(U, { children: [
           /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(c, { children: "Project" }),
-            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Ne, { match: i.metadata.project_match }) })
+            /* @__PURE__ */ e.jsx(d, { children: "Project" }),
+            /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(Pe, { match: i.metadata.project_match }) })
           ] }),
           /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(c, { children: "Backend" }),
-            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Ne, { match: i.metadata.backend_match }) })
+            /* @__PURE__ */ e.jsx(d, { children: "Backend" }),
+            /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(Pe, { match: i.metadata.backend_match }) })
           ] }),
           !i.metadata.project_match && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "text-sm text-muted", children: "Project A" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: i.metadata.project_a || "N/A" })
+              /* @__PURE__ */ e.jsx(d, { className: "text-sm text-muted", children: "Project A" }),
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono text-sm", children: i.metadata.project_a || "N/A" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "text-sm text-muted", children: "Project B" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: i.metadata.project_b || "N/A" })
+              /* @__PURE__ */ e.jsx(d, { className: "text-sm text-muted", children: "Project B" }),
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono text-sm", children: i.metadata.project_b || "N/A" })
             ] })
           ] }),
           !i.metadata.backend_match && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "text-sm text-muted", children: "Backend A" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: i.metadata.backend_a || "N/A" })
+              /* @__PURE__ */ e.jsx(d, { className: "text-sm text-muted", children: "Backend A" }),
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono text-sm", children: i.metadata.backend_a || "N/A" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "text-sm text-muted", children: "Backend B" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: i.metadata.backend_b || "N/A" })
+              /* @__PURE__ */ e.jsx(d, { className: "text-sm text-muted", children: "Backend B" }),
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono text-sm", children: i.metadata.backend_b || "N/A" })
             ] })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ e.jsxs(b, { children: [
-        /* @__PURE__ */ e.jsx(ae, { children: "Fingerprints" }),
-        /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(B, { children: [
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(ge, { children: "Fingerprints" }),
+        /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsxs(U, { children: [
           /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(c, { children: "Run A" }),
-            /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: He(i.fingerprints.a) })
+            /* @__PURE__ */ e.jsx(d, { children: "Run A" }),
+            /* @__PURE__ */ e.jsx(d, { className: "font-mono text-sm", children: ct(i.fingerprints.a) })
           ] }),
           /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(c, { children: "Run B" }),
-            /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: He(i.fingerprints.b) })
+            /* @__PURE__ */ e.jsx(d, { children: "Run B" }),
+            /* @__PURE__ */ e.jsx(d, { className: "font-mono text-sm", children: ct(i.fingerprints.b) })
           ] }),
           /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(c, { children: "Match" }),
-            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Ne, { match: i.fingerprints.a === i.fingerprints.b }) })
+            /* @__PURE__ */ e.jsx(d, { children: "Match" }),
+            /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(Pe, { match: i.fingerprints.a === i.fingerprints.b }) })
           ] })
         ] }) })
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
-      /* @__PURE__ */ e.jsxs(b, { children: [
+      /* @__PURE__ */ e.jsxs(N, { children: [
         /* @__PURE__ */ e.jsx(
-          ae,
+          ge,
           {
             badge: {
               variant: i.program.exact_match ? "success" : i.program.structural_match ? "info" : "warning",
@@ -1976,69 +2417,69 @@ function Kr({ runIdA: r, runIdB: t }) {
             children: "Program"
           }
         ),
-        /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(B, { children: [
+        /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsxs(U, { children: [
           /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(c, { children: "Exact Match" }),
-            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Ne, { match: i.program.exact_match }) })
+            /* @__PURE__ */ e.jsx(d, { children: "Exact Match" }),
+            /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(Pe, { match: i.program.exact_match }) })
           ] }),
           /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(c, { children: "Structural Match" }),
-            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Ne, { match: i.program.structural_match }) })
+            /* @__PURE__ */ e.jsx(d, { children: "Structural Match" }),
+            /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(Pe, { match: i.program.structural_match }) })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ e.jsxs(b, { children: [
-        /* @__PURE__ */ e.jsx(ae, { badge: f, children: "Device Calibration" }),
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(ge, { badge: u, children: "Device Calibration" }),
         i.device_drift?.significant_drift ? /* @__PURE__ */ e.jsx("p", { className: "text-sm text-warning", children: "Significant calibration drift detected between runs" }) : 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(b, { className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(ae, { badge: { variant: i.params.match ? "success" : "warning", label: i.params.match ? "Match" : "Different" }, children: "Parameters" }),
-      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(L, { children: [
-        /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(N, { children: "Parameter" }),
-          /* @__PURE__ */ e.jsx(N, { children: "Run A" }),
-          /* @__PURE__ */ e.jsx(N, { children: "Run B" })
+    /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(ge, { badge: { variant: i.params.match ? "success" : "warning", label: i.params.match ? "Match" : "Different" }, children: "Parameters" }),
+      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(B, { children: [
+        /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(w, { children: "Parameter" }),
+          /* @__PURE__ */ e.jsx(w, { children: "Run A" }),
+          /* @__PURE__ */ e.jsx(w, { children: "Run B" })
         ] }) }),
-        /* @__PURE__ */ e.jsx(B, { children: Object.entries(i.params.changed).map(([h, m]) => /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: h }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(m.a) }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(m.b) })
+        /* @__PURE__ */ e.jsx(U, { children: Object.entries(i.params.changed).map(([h, m]) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(d, { children: h }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: String(m.a) }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: String(m.b) })
         ] }, h)) })
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(b, { className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(ae, { badge: { variant: i.metrics.match ? "success" : "warning", label: i.metrics.match ? "Match" : "Different" }, children: "Metrics" }),
-      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(L, { children: [
-        /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(N, { children: "Metric" }),
-          /* @__PURE__ */ e.jsx(N, { children: "Run A" }),
-          /* @__PURE__ */ e.jsx(N, { children: "Run B" })
+    /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(ge, { badge: { variant: i.metrics.match ? "success" : "warning", label: i.metrics.match ? "Match" : "Different" }, children: "Metrics" }),
+      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(B, { children: [
+        /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(w, { children: "Metric" }),
+          /* @__PURE__ */ e.jsx(w, { children: "Run A" }),
+          /* @__PURE__ */ e.jsx(w, { children: "Run B" })
         ] }) }),
-        /* @__PURE__ */ e.jsx(B, { children: Object.entries(i.metrics.changed).map(([h, m]) => /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: h }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: m.a }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: m.b })
+        /* @__PURE__ */ e.jsx(U, { children: Object.entries(i.metrics.changed).map(([h, m]) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(d, { children: h }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: m.a }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: m.b })
         ] }, h)) })
       ] }) })
     ] }),
-    i.circuit_diff && /* @__PURE__ */ e.jsxs(b, { className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(ae, { badge: { variant: i.circuit_diff.match ? "success" : "warning", label: i.circuit_diff.match ? "Match" : "Different" }, children: "Circuit" }),
+    i.circuit_diff && /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(ge, { badge: { variant: i.circuit_diff.match ? "success" : "warning", label: i.circuit_diff.match ? "Match" : "Different" }, children: "Circuit" }),
       i.circuit_diff.match ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "Circuit structure matches" }) : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
         i.circuit_diff.changed && Object.keys(i.circuit_diff.changed).length > 0 && /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium mb-2 text-muted", children: "Changed Properties" }),
-          /* @__PURE__ */ e.jsxs(L, { children: [
-            /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(N, { children: "Property" }),
-              /* @__PURE__ */ e.jsx(N, { children: "Run A" }),
-              /* @__PURE__ */ e.jsx(N, { children: "Run B" }),
-              /* @__PURE__ */ e.jsx(N, { children: "Delta" })
+          /* @__PURE__ */ e.jsxs(B, { children: [
+            /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(w, { children: "Property" }),
+              /* @__PURE__ */ e.jsx(w, { children: "Run A" }),
+              /* @__PURE__ */ e.jsx(w, { children: "Run B" }),
+              /* @__PURE__ */ e.jsx(w, { children: "Delta" })
             ] }) }),
-            /* @__PURE__ */ e.jsx(B, { children: Object.entries(i.circuit_diff.changed).map(([h, m]) => /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { children: m.label || h }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(m.a) }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(m.b) }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: m.delta != null && /* @__PURE__ */ e.jsxs("span", { className: m.delta > 0 ? "text-danger" : "text-success", children: [
+            /* @__PURE__ */ e.jsx(U, { children: Object.entries(i.circuit_diff.changed).map(([h, m]) => /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(d, { children: m.label || h }),
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: String(m.a) }),
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: String(m.b) }),
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: m.delta != null && /* @__PURE__ */ e.jsxs("span", { className: m.delta > 0 ? "text-danger" : "text-success", children: [
                 m.delta > 0 ? "+" : "",
                 m.delta,
                 m.pct != null && ` (${m.pct > 0 ? "+" : ""}${m.pct.toFixed(1)}%)`
@@ -2048,89 +2489,89 @@ function Kr({ runIdA: r, runIdB: t }) {
         ] }),
         i.circuit_diff.is_clifford_changed && /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium mb-2 text-muted", children: "Clifford Status" }),
-          /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(B, { children: [
+          /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsxs(U, { children: [
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { children: "Run A" }),
-              /* @__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.jsx(d, { children: "Run A" }),
+              /* @__PURE__ */ e.jsx(d, { 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.jsx(c, { children: "Run B" }),
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: i.circuit_diff.is_clifford_b != null ? String(i.circuit_diff.is_clifford_b) : "unknown" })
+              /* @__PURE__ */ e.jsx(d, { children: "Run B" }),
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: i.circuit_diff.is_clifford_b != null ? String(i.circuit_diff.is_clifford_b) : "unknown" })
             ] })
           ] }) })
         ] }),
         i.circuit_diff.added_gates && i.circuit_diff.added_gates.length > 0 && /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium mb-2 text-muted", children: "New Gate Types (in B)" }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: i.circuit_diff.added_gates.map((h) => /* @__PURE__ */ e.jsx(Y, { variant: "success", children: h }, h)) })
+          /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: i.circuit_diff.added_gates.map((h) => /* @__PURE__ */ e.jsx(re, { variant: "success", children: h }, h)) })
         ] }),
         i.circuit_diff.removed_gates && i.circuit_diff.removed_gates.length > 0 && /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium mb-2 text-muted", children: "Removed Gate Types (from A)" }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: i.circuit_diff.removed_gates.map((h) => /* @__PURE__ */ e.jsx(Y, { variant: "danger", children: h }, h)) })
+          /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: i.circuit_diff.removed_gates.map((h) => /* @__PURE__ */ e.jsx(re, { variant: "danger", children: h }, h)) })
         ] })
       ] })
     ] }),
-    i.tvd != null && /* @__PURE__ */ e.jsxs(b, { className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(ae, { children: "Results Distribution" }),
-      /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(B, { children: [
+    i.tvd != null && /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(ge, { children: "Results Distribution" }),
+      /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsxs(U, { children: [
         /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: "Total Variation Distance (TVD)" }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono font-medium", children: i.tvd.toFixed(6) })
+          /* @__PURE__ */ e.jsx(d, { children: "Total Variation Distance (TVD)" }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono font-medium", children: i.tvd.toFixed(6) })
         ] }),
         i.shots && /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: "Total Shots (A / B)" }),
-          /* @__PURE__ */ e.jsxs(c, { className: "font-mono", children: [
+          /* @__PURE__ */ e.jsx(d, { children: "Total Shots (A / B)" }),
+          /* @__PURE__ */ e.jsxs(d, { className: "font-mono", children: [
             i.shots.a,
             " / ",
             i.shots.b
           ] })
         ] }),
         i.noise_context?.noise_p95 && /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: "Noise Threshold (p95)" }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: i.noise_context.noise_p95.toFixed(6) })
+          /* @__PURE__ */ e.jsx(d, { children: "Noise Threshold (p95)" }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: i.noise_context.noise_p95.toFixed(6) })
         ] }),
         i.noise_context?.p_value != null && /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: "p-value" }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: i.noise_context.p_value.toFixed(4) })
+          /* @__PURE__ */ e.jsx(d, { children: "p-value" }),
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: i.noise_context.p_value.toFixed(4) })
         ] })
       ] }) }),
-      /* @__PURE__ */ e.jsx(zr, { tvd: i.tvd, noiseContext: i.noise_context })
+      /* @__PURE__ */ e.jsx(pr, { tvd: i.tvd, noiseContext: i.noise_context })
     ] })
   ] });
 }
-function Hr() {
-  const [r] = $e(), t = r.get("a"), n = r.get("b"), a = t && n;
-  return /* @__PURE__ */ e.jsxs(V, { children: [
+function br() {
+  const [t] = He(), s = t.get("a"), a = t.get("b"), n = s && a;
+  return /* @__PURE__ */ e.jsxs(Q, { children: [
     /* @__PURE__ */ e.jsx("div", { className: "page-header", children: /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx("h1", { className: "page-title", children: "Compare Runs" }),
-      a && /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-1 text-muted", children: /* @__PURE__ */ e.jsx(z, { to: "/diff", children: "← Select different runs" }) })
+      n && /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-1 text-muted", children: /* @__PURE__ */ e.jsx(se, { to: "/diff", children: "← Select different runs" }) })
     ] }) }),
-    a ? /* @__PURE__ */ e.jsx(Kr, { runIdA: t, runIdB: n }) : /* @__PURE__ */ e.jsx(Yr, {})
+    n ? /* @__PURE__ */ e.jsx(vr, { runIdA: s, runIdB: a }) : /* @__PURE__ */ e.jsx(gr, {})
   ] });
 }
-function Jr() {
-  const { api: r } = K(), [t, n] = T(""), [a, u] = T(null), [o, d] = T(!1), [i, f] = T(""), { mutate: h, loading: m } = Re(async () => {
-    const _ = await r.listRuns({ q: t, limit: 100 });
-    return u(_.runs), d(!0), _;
-  }), p = (_) => {
-    if (_.preventDefault(), !t.trim()) {
-      f("Please enter a search query");
+function yr() {
+  const { api: t } = K(), [s, a] = T(""), [n, l] = T(null), [o, c] = T(!1), [i, u] = T(""), { mutate: h, loading: m } = Fe(async () => {
+    const b = await t.listRuns({ q: s, limit: 100 });
+    return l(b.runs), c(!0), b;
+  }), p = (b) => {
+    if (b.preventDefault(), !s.trim()) {
+      u("Please enter a search query");
       return;
     }
-    f(""), h();
+    u(""), h();
   };
-  return /* @__PURE__ */ e.jsxs(V, { 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(b, { className: "mb-4", children: /* @__PURE__ */ e.jsxs("form", { onSubmit: p, children: [
-      /* @__PURE__ */ e.jsxs(ee, { children: [
-        /* @__PURE__ */ e.jsx(ie, { htmlFor: "q", children: "Query" }),
+    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs("form", { onSubmit: p, children: [
+      /* @__PURE__ */ e.jsxs(xe, { children: [
+        /* @__PURE__ */ e.jsx(ve, { htmlFor: "q", children: "Query" }),
         /* @__PURE__ */ e.jsx(
-          ss,
+          jt,
           {
             id: "q",
             type: "text",
-            value: t,
-            onChange: (_) => {
-              n(_.target.value), f("");
+            value: s,
+            onChange: (b) => {
+              a(b.target.value), u("");
             },
             placeholder: "metric.fidelity > 0.95 and params.shots = 1000",
             className: "font-mono"
@@ -2139,284 +2580,293 @@ function Jr() {
       ] }),
       i && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-[#DC4A4A] mb-3", children: i }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center", children: [
-        /* @__PURE__ */ e.jsxs(D, { type: "submit", variant: "primary", disabled: m, children: [
-          m && /* @__PURE__ */ e.jsx(I, {}),
+        /* @__PURE__ */ e.jsxs($, { type: "submit", variant: "primary", disabled: m, children: [
+          m && /* @__PURE__ */ e.jsx(G, {}),
           "Search"
         ] }),
         m && /* @__PURE__ */ e.jsx("span", { className: "text-muted text-sm", children: "Searching..." })
       ] })
     ] }) }),
-    o && a && /* @__PURE__ */ e.jsx(b, { className: "mb-4", children: a.length > 0 ? /* @__PURE__ */ e.jsx(rs, { runs: a }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted text-center py-8", children: "No runs match your query" }) }),
+    o && n && /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: n.length > 0 ? /* @__PURE__ */ e.jsx(pt, { runs: n }) : /* @__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(b, { children: [
-        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Query Syntax" }) }),
-        /* @__PURE__ */ e.jsxs(L, { children: [
-          /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(N, { children: "Field" }),
-            /* @__PURE__ */ e.jsx(N, { children: "Description" })
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "Query Syntax" }) }),
+        /* @__PURE__ */ e.jsxs(B, { children: [
+          /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsx(w, { children: "Field" }),
+            /* @__PURE__ */ e.jsx(w, { children: "Description" })
           ] }) }),
-          /* @__PURE__ */ e.jsxs(B, { children: [
+          /* @__PURE__ */ e.jsxs(U, { children: [
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "params.X" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Parameter value" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "params.X" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Parameter value" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "metric.X" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Metric value" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "metric.X" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Metric value" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "tags.X" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Tag value" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "tags.X" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Tag value" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "status" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Run status" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "status" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Run status" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "project" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Project name" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "project" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Project name" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "backend" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Backend name" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "backend" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Backend name" })
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(b, { children: [
-        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Operators" }) }),
-        /* @__PURE__ */ e.jsxs(L, { children: [
-          /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-            /* @__PURE__ */ e.jsx(N, { children: "Operator" }),
-            /* @__PURE__ */ e.jsx(N, { children: "Description" })
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "Operators" }) }),
+        /* @__PURE__ */ e.jsxs(B, { children: [
+          /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsx(w, { children: "Operator" }),
+            /* @__PURE__ */ e.jsx(w, { children: "Description" })
           ] }) }),
-          /* @__PURE__ */ e.jsxs(B, { children: [
+          /* @__PURE__ */ e.jsxs(U, { children: [
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "=" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Equals" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "=" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Equals" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "!=" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Not equals" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "!=" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Not equals" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: ">" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Greater than" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: ">" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Greater than" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: ">=" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Greater or equal" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: ">=" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Greater or equal" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "<" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Less than" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "<" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Less than" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "<=" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Less or equal" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "<=" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Less or equal" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "~" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Contains" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "~" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Contains" })
             ] }),
             /* @__PURE__ */ e.jsxs(j, { children: [
-              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "and" }),
-              /* @__PURE__ */ e.jsx(c, { children: "Combine conditions" })
+              /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "and" }),
+              /* @__PURE__ */ e.jsx(d, { children: "Combine conditions" })
             ] })
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(b, { className: "mt-4", children: [
-      /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Examples" }) }),
-      /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(B, { children: [
+    /* @__PURE__ */ e.jsxs(N, { className: "mt-4", children: [
+      /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "Examples" }) }),
+      /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsxs(U, { children: [
         /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "metric.fidelity > 0.95" }),
-          /* @__PURE__ */ e.jsx(c, { children: "High fidelity runs" })
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "metric.fidelity > 0.95" }),
+          /* @__PURE__ */ e.jsx(d, { children: "High fidelity runs" })
         ] }),
         /* @__PURE__ */ e.jsxs(j, { 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.jsx(d, { className: "font-mono", children: "params.shots = 1000 and status = FINISHED" }),
+          /* @__PURE__ */ e.jsx(d, { children: "Finished runs with 1000 shots" })
         ] }),
         /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "tags.backend ~ ibm" }),
-          /* @__PURE__ */ e.jsx(c, { children: "Runs with IBM backends" })
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "tags.backend ~ ibm" }),
+          /* @__PURE__ */ e.jsx(d, { children: "Runs with IBM backends" })
         ] }),
         /* @__PURE__ */ e.jsxs(j, { children: [
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "metric.error < 0.01" }),
-          /* @__PURE__ */ e.jsx(c, { children: "Low error runs" })
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "metric.error < 0.01" }),
+          /* @__PURE__ */ e.jsx(d, { children: "Low error runs" })
         ] }),
         /* @__PURE__ */ e.jsxs(j, { 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" })
+          /* @__PURE__ */ e.jsx(d, { className: "font-mono", children: "project = vqe and metric.energy < -2.0" }),
+          /* @__PURE__ */ e.jsx(d, { children: "VQE runs with low energy" })
         ] })
       ] }) })
     ] })
   ] });
 }
-function Xr() {
-  const { runId: r, index: t } = Qe(), n = parseInt(t, 10), { api: a } = K(), { data: u } = As(r), { data: o, loading: d, error: i } = Rr(r, n), [f, h] = T(null);
-  je(() => {
-    if (f) {
+function Nr() {
+  const { runId: t, index: s } = xt(), a = parseInt(s, 10), { api: n } = K(), { data: l } = Yt(t), { data: o, loading: c, error: i } = Ws(t, a), [u, h] = T(null);
+  de(() => {
+    if (u) {
       const S = setTimeout(() => h(null), 3e3);
       return () => clearTimeout(S);
     }
-  }, [f]);
+  }, [u]);
   const m = async () => {
     try {
-      const S = a.getArtifactDownloadUrl(r, n), se = await fetch(S);
-      if (!se.ok) throw new Error("Download failed");
-      const te = await se.blob(), J = document.createElement("a");
-      J.href = URL.createObjectURL(te), J.download = p?.kind || `artifact-${n}`, J.click(), URL.revokeObjectURL(J.href), h({ message: "Download started", variant: "success" });
+      const S = n.getArtifactDownloadUrl(t, a), ie = await fetch(S);
+      if (!ie.ok) throw new Error("Download failed");
+      const ce = await ie.blob(), Z = document.createElement("a");
+      Z.href = URL.createObjectURL(ce), Z.download = p?.kind || `artifact-${a}`, Z.click(), URL.revokeObjectURL(Z.href), h({ message: "Download complete", variant: "success" });
     } catch {
       h({ message: "Download failed", variant: "error" });
     }
   };
-  if (d)
-    return /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(I, {}) }) });
+  if (c)
+    return /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(G, {}) }) });
   if (i || !o)
-    return /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(he, { message: "Artifact not found", hint: i?.message }) }) });
-  const { artifact: p, size: _, content: U, content_json: w, preview_available: H, error: k } = o, O = 10 * 1024 * 1024;
-  return /* @__PURE__ */ e.jsxs(V, { children: [
+    return /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(we, { message: "Artifact not found", hint: i?.message }) }) });
+  const { artifact: p, size: b, content: D, content_json: g, preview_available: I, error: E } = o, A = 10 * 1024 * 1024;
+  return /* @__PURE__ */ e.jsxs(Q, { children: [
     /* @__PURE__ */ e.jsx(
-      Ee,
+      Oe,
       {
         title: p.kind,
         subtitle: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           "← Back to run ",
-          /* @__PURE__ */ e.jsxs(z, { to: `/runs/${r}`, children: [
-            Q(r),
-            u?.run_name && ` — ${u.run_name}`
+          /* @__PURE__ */ e.jsxs(se, { to: `/runs/${t}`, children: [
+            oe(t),
+            l?.run_name && ` — ${l.run_name}`
           ] })
         ] }),
-        actions: /* @__PURE__ */ e.jsx(D, { variant: "primary", onClick: m, children: "Download" })
+        actions: /* @__PURE__ */ e.jsx($, { variant: "primary", onClick: m, children: "Download" })
       }
     ),
-    /* @__PURE__ */ e.jsx(b, { className: "mb-4", children: /* @__PURE__ */ e.jsx(Je, { items: [
+    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsx(ot, { items: [
       { label: "Kind", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono", children: p.kind }) },
-      { label: "Role", value: /* @__PURE__ */ e.jsx(Y, { variant: "gray", children: p.role }) },
+      { label: "Role", value: /* @__PURE__ */ e.jsx(re, { variant: "gray", children: p.role }) },
       { label: "Media Type", value: p.media_type },
       { label: "Digest", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: p.digest }) },
-      { label: "Size", value: Oe(_) }
+      { label: "Size", value: Ve(b) }
     ] }) }),
-    /* @__PURE__ */ e.jsxs(b, { children: [
-      /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Content" }) }),
-      k ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(N, { children: [
+      /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(H, { children: "Content" }) }),
+      E ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-danger", children: [
           "Error loading artifact: ",
-          k
+          E
         ] }),
-        /* @__PURE__ */ e.jsx("p", { className: "text-muted mt-2", children: /* @__PURE__ */ e.jsx(D, { variant: "primary", onClick: m, children: "Download to view" }) })
-      ] }) : H ? w ? /* @__PURE__ */ e.jsx("pre", { children: Cr(w) }) : U ? /* @__PURE__ */ e.jsx("pre", { children: U }) : /* @__PURE__ */ e.jsxs("p", { className: "text-muted", children: [
+        /* @__PURE__ */ e.jsx("p", { className: "text-muted mt-2", children: /* @__PURE__ */ e.jsx($, { variant: "primary", onClick: m, children: "Download to view" }) })
+      ] }) : I ? g ? /* @__PURE__ */ e.jsx("pre", { children: $s(g) }) : D ? /* @__PURE__ */ e.jsx("pre", { children: D }) : /* @__PURE__ */ e.jsxs("p", { className: "text-muted", children: [
         "Binary content (",
-        Oe(_),
+        Ve(b),
         ") — 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" }),
           " (",
-          Oe(_),
+          Ve(b),
           " exceeds ",
-          Oe(O),
+          Ve(A),
           " 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(D, { variant: "primary", onClick: m, children: "Download" }) })
+        /* @__PURE__ */ e.jsx("p", { className: "mt-4", children: /* @__PURE__ */ e.jsx($, { variant: "primary", onClick: m, children: "Download" }) })
       ] })
     ] }),
-    f && /* @__PURE__ */ e.jsx(
-      Ce,
+    u && /* @__PURE__ */ e.jsx(
+      Me,
       {
-        message: f.message,
-        variant: f.variant,
-        visible: !!f,
+        message: u.message,
+        variant: u.variant,
+        visible: !!u,
         onClose: () => h(null)
       }
     )
   ] });
 }
-const Qr = [
-  { path: "/", element: /* @__PURE__ */ e.jsx(xr, { to: "/runs", replace: !0 }) },
-  { path: "/runs", element: /* @__PURE__ */ e.jsx(Tr, {}) },
-  { path: "/runs/:runId", element: /* @__PURE__ */ e.jsx(Br, {}) },
-  { path: "/runs/:runId/artifacts/:index", element: /* @__PURE__ */ e.jsx(Xr, {}) },
-  { path: "/projects", element: /* @__PURE__ */ e.jsx(Ir, {}) },
-  { path: "/groups", element: /* @__PURE__ */ e.jsx(qr, {}) },
-  { path: "/groups/:groupId", element: /* @__PURE__ */ e.jsx(Ur, {}) },
-  { path: "/diff", element: /* @__PURE__ */ e.jsx(Hr, {}) },
-  { path: "/search", element: /* @__PURE__ */ e.jsx(Jr, {}) }
+const _r = [
+  { path: "/", element: /* @__PURE__ */ e.jsx(ks, { to: "/runs", replace: !0 }) },
+  { path: "/runs", element: /* @__PURE__ */ e.jsx(Hs, {}) },
+  { path: "/runs/:runId", element: /* @__PURE__ */ e.jsx(or, {}) },
+  { path: "/runs/:runId/artifacts/:index", element: /* @__PURE__ */ e.jsx(Nr, {}) },
+  { path: "/projects", element: /* @__PURE__ */ e.jsx(dr, {}) },
+  { path: "/groups", element: /* @__PURE__ */ e.jsx(ur, {}) },
+  { path: "/groups/:groupId", element: /* @__PURE__ */ e.jsx(hr, {}) },
+  { path: "/diff", element: /* @__PURE__ */ e.jsx(br, {}) },
+  { path: "/search", element: /* @__PURE__ */ e.jsx(yr, {}) }
 ];
-function Ls(r = []) {
-  return mr([...Qr, ...r]);
+function Xt(t = []) {
+  return Cs([..._r, ...t]);
 }
-const Zr = Ls();
-function at({ additionalRoutes: r, ...t }) {
-  const n = r?.length ? Ls(r) : Zr;
-  return /* @__PURE__ */ e.jsx(yr, { ...t, children: /* @__PURE__ */ e.jsx(fr, { router: n }) });
+const wr = Xt();
+function Dr({ additionalRoutes: t, ...s }) {
+  const a = t?.length ? Xt(t) : wr;
+  return /* @__PURE__ */ e.jsx(qs, { ...s, children: /* @__PURE__ */ e.jsx(Ts, { router: a }) });
 }
 export {
-  nt as Alert,
-  vr as ApiClient,
-  we as ApiError,
-  at as App,
-  yr as AppProvider,
-  Xr as ArtifactPage,
-  Y as Badge,
-  D as Button,
-  b as Card,
-  W as CardHeader,
-  G as CardTitle,
-  Hr as DiffPage,
-  he as EmptyState,
-  ee as FormGroup,
-  Os as FormRow,
-  Ur as GroupDetailPage,
-  qr as GroupsPage,
-  Ar as GroupsTable,
-  ss as Input,
-  Je as KVList,
-  ie as Label,
-  V as Layout,
-  tt as LayoutConfigProvider,
-  es as Modal,
-  Ee as PageHeader,
-  Ir as ProjectsPage,
-  Dr as ProjectsTable,
-  Br as RunDetailPage,
-  Tr as RunsPage,
-  rs as RunsTable,
-  Jr as SearchPage,
-  de as Select,
-  I as Spinner,
-  $s as StatusBadge,
-  L as Table,
-  B as TableBody,
-  c as TableCell,
-  re as TableHead,
-  N as TableHeader,
+  Pr as Alert,
+  As as ApiClient,
+  Ae as ApiError,
+  Dr as App,
+  qs as AppProvider,
+  Nr as ArtifactPage,
+  re as Badge,
+  $ as Button,
+  N as Card,
+  Y as CardHeader,
+  H as CardTitle,
+  br as DiffPage,
+  we as EmptyState,
+  Xs as ExportRunButton,
+  xe as FormGroup,
+  Kt as FormRow,
+  hr as GroupDetailPage,
+  ur as GroupsPage,
+  Js as GroupsTable,
+  jt as Input,
+  ot as KVList,
+  ve as Label,
+  Q as Layout,
+  Sr as LayoutConfigProvider,
+  ft as Modal,
+  nt as POLL_INTERVAL,
+  Oe as PageHeader,
+  dr as ProjectsPage,
+  Ks as ProjectsTable,
+  or as RunDetailPage,
+  Hs as RunsPage,
+  pt as RunsTable,
+  yr as SearchPage,
+  _e as Select,
+  G as Spinner,
+  Jt as StatusBadge,
+  B as Table,
+  U as TableBody,
+  d as TableCell,
+  fe as TableHead,
+  w as TableHeader,
   j as TableRow,
-  Ce as Toast,
-  br as api,
-  rt as buildUrl,
-  $ as cn,
-  Qr as coreRoutes,
-  Ls as createRouter,
-  Oe as formatBytes,
-  Er as formatNumber,
-  Cr as jsonPretty,
-  Zr as router,
-  He as shortDigest,
-  Q as shortId,
-  Ze as timeAgo,
-  kr as truncate,
+  Cr as ThemeProvider,
+  Me as Toast,
+  Fs as api,
+  kr as buildUrl,
+  q as cn,
+  _r as coreRoutes,
+  Xt as createRouter,
+  Ut as elapsedSeconds,
+  Ve as formatBytes,
+  Wt as formatDuration,
+  lt as formatNumber,
+  $e as isTerminalStatus,
+  $s as jsonPretty,
+  wr as router,
+  ct as shortDigest,
+  oe as shortId,
+  Ye as timeAgo,
+  Os as truncate,
   K as useApp,
-  Rr as useArtifact,
-  wr as useDiff,
-  _r as useGroup,
-  Nr as useGroups,
-  Pr as useLayoutConfig,
-  Re as useMutation,
-  Le as useProjects,
-  As as useRun,
-  Ds as useRuns
+  Ws as useArtifact,
+  Us as useDiff,
+  Bs as useGroup,
+  Is as useGroups,
+  zs as useLayoutConfig,
+  Fe as useMutation,
+  mt as usePolling,
+  Ke as useProjects,
+  Yt as useRun,
+  zt as useRuns,
+  Ms as useTheme,
+  Tr as useThemeOptional
 };