@devqubit/ui 0.1.10 → 0.1.11-beta.1

package/dist/index.js

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