@devqubit/ui 0.1.10 → 0.1.11-beta.2

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 Ze, createContext as es, useState as S, useEffect as ne, useCallback as _e, useRef as Es, forwardRef as ss } from "react";
+import { useLocation as pt, Link as Y, useSearchParams as Be, useParams as ts, useNavigate as gt, Navigate as vt, createBrowserRouter as bt, RouterProvider as Nt } from "react-router-dom";
+var $e = { exports: {} }, be = {};
+var Cs;
+function yt() {
+  if (Cs) return be;
+  Cs = 1;
+  var s = Ps, r = /* @__PURE__ */ Symbol.for("react.element"), a = /* @__PURE__ */ Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(i, f, h) {
+    var m, p = {}, y = null, M = null;
+    h !== void 0 && (y = "" + h), f.key !== void 0 && (y = "" + f.key), f.ref !== void 0 && (M = f.ref);
+    for (m in f) n.call(f, m) && !d.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: r, type: i, key: y, ref: M, props: p, _owner: o.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 = a, be.jsx = u, be.jsxs = u, be;
+}
+var Ne = {};
+var Ts;
+function _t() {
+  return Ts || (Ts = 1, process.env.NODE_ENV !== "production" && (function() {
+    var s = Ps, r = /* @__PURE__ */ Symbol.for("react.element"), a = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), d = /* @__PURE__ */ Symbol.for("react.profiler"), u = /* @__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"), y = /* @__PURE__ */ Symbol.for("react.lazy"), M = /* @__PURE__ */ Symbol.for("react.offscreen"), _ = Symbol.iterator, H = "@@iterator";
+    function T(t) {
+      if (t === null || typeof t != "object")
         return null;
-      var l = J && r[J] || r[ce];
+      var l = _ && t[_] || t[H];
       return typeof l == "function" ? l : null;
     }
-    var X = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function C(r) {
+    var B = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function k(t) {
       {
-        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];
+        te("error", t, x);
       }
     }
-    function ve(r, l, u) {
+    function te(t, 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 = B.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[t], 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 ae = !1, J = !1, Z = !1, xe = !1, me = !1, pe;
+    pe = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function qe(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === n || t === d || me || t === o || t === h || t === m || xe || t === M || ae || J || Z || typeof t == "object" && t !== null && (t.$$typeof === y || t.$$typeof === p || t.$$typeof === u || t.$$typeof === i || t.$$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));
+      t.$$typeof === pe || t.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 Me(t, l, x) {
+      var g = t.displayName;
+      if (g)
+        return g;
+      var E = l.displayName || l.name || "";
+      return E !== "" ? x + "(" + E + ")" : x;
     }
-    function _e(r) {
-      return r.displayName || "Context";
+    function Te(t) {
+      return t.displayName || "Context";
     }
-    function W(r) {
-      if (r == null)
+    function ee(t) {
+      if (t == 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) {
-        case a:
+      if (typeof t.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+        return t.displayName || t.name || null;
+      if (typeof t == "string")
+        return t;
+      switch (t) {
+        case n:
           return "Fragment";
-        case t:
+        case a:
           return "Portal";
-        case h:
-          return "Profiler";
         case d:
-          return "StrictMode";
+          return "Profiler";
         case o:
+          return "StrictMode";
+        case h:
           return "Suspense";
-        case p:
+        case m:
           return "SuspenseList";
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
+      if (typeof t == "object")
+        switch (t.$$typeof) {
           case i:
-            var l = r;
-            return _e(l) + ".Consumer";
+            var l = t;
+            return Te(l) + ".Consumer";
+          case u:
+            var x = t;
+            return Te(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";
-          case _: {
-            var y = r, R = y._payload, N = y._init;
+            return Me(t, t.render, "ForwardRef");
+          case p:
+            var g = t.displayName || null;
+            return g !== null ? g : ee(t.type) || "Memo";
+          case y: {
+            var E = t, C = E._payload, R = E._init;
             try {
-              return W(N(R));
+              return ee(R(C));
             } catch {
               return null;
             }
@@ -108,999 +108,1119 @@ function hs() {
         }
       return null;
     }
-    var ee = Object.assign, oe = 0, He, Xe, Qe, Ze, er, rr, sr;
-    function nr() {
+    var w = Object.assign, P = 0, ke, ge, Se, le, cs, ls, os;
+    function ds() {
     }
-    nr.__reactDisabledLog = !0;
-    function Ar() {
+    ds.__reactDisabledLog = !0;
+    function Gs() {
       {
-        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 (P === 0) {
+          ke = console.log, ge = console.info, Se = console.warn, le = console.error, cs = console.group, ls = console.groupCollapsed, os = console.groupEnd;
+          var t = {
             configurable: !0,
             enumerable: !0,
-            value: nr,
+            value: ds,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: r,
-            log: r,
-            warn: r,
-            error: r,
-            group: r,
-            groupCollapsed: r,
-            groupEnd: r
+            info: t,
+            log: t,
+            warn: t,
+            error: t,
+            group: t,
+            groupCollapsed: t,
+            groupEnd: t
           });
         }
-        oe++;
+        P++;
       }
     }
-    function Or() {
+    function Vs() {
       {
-        if (oe--, oe === 0) {
-          var r = {
+        if (P--, P === 0) {
+          var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ee({}, r, {
-              value: He
+            log: w({}, t, {
+              value: ke
             }),
-            info: ee({}, r, {
-              value: Xe
+            info: w({}, t, {
+              value: ge
             }),
-            warn: ee({}, r, {
-              value: Qe
+            warn: w({}, t, {
+              value: Se
             }),
-            error: ee({}, r, {
-              value: Ze
+            error: w({}, t, {
+              value: le
             }),
-            group: ee({}, r, {
-              value: er
+            group: w({}, t, {
+              value: cs
             }),
-            groupCollapsed: ee({}, r, {
-              value: rr
+            groupCollapsed: w({}, t, {
+              value: ls
             }),
-            groupEnd: ee({}, r, {
-              value: sr
+            groupEnd: w({}, t, {
+              value: os
             })
           });
         }
-        oe < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        P < 0 && k("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 Ue = B.ReactCurrentDispatcher, We;
+    function Pe(t, l, x) {
       {
-        if (Fe === void 0)
+        if (We === 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 )?)/);
+            We = g && g[1] || "";
           }
         return `
-` + Fe + r;
+` + We + t;
       }
     }
-    var $e = !1, Re;
+    var Ge = !1, De;
     {
-      var Fr = typeof WeakMap == "function" ? WeakMap : Map;
-      Re = new Fr();
+      var zs = typeof WeakMap == "function" ? WeakMap : Map;
+      De = new zs();
     }
-    function tr(r, l) {
-      if (!r || $e)
+    function us(t, l) {
+      if (!t || Ge)
         return "";
       {
-        var u = Re.get(r);
-        if (u !== void 0)
-          return u;
+        var x = De.get(t);
+        if (x !== void 0)
+          return x;
       }
-      var j;
-      $e = !0;
-      var y = Error.prepareStackTrace;
+      var g;
+      Ge = !0;
+      var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var R;
-      R = Oe.current, Oe.current = null, Ar();
+      var C;
+      C = Ue.current, Ue.current = null, Gs();
       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 (U) {
+              g = U;
             }
-            Reflect.construct(r, [], N);
+            Reflect.construct(t, [], R);
           } else {
             try {
-              N.call();
-            } catch (L) {
-              j = L;
+              R.call();
+            } catch (U) {
+              g = U;
             }
-            r.call(N.prototype);
+            t.call(R.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (L) {
-            j = L;
+          } catch (U) {
+            g = U;
           }
-          r();
+          t();
         }
-      } 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 (U) {
+        if (U && g && typeof U.stack == "string") {
+          for (var v = U.stack.split(`
+`), q = g.stack.split(`
+`), A = v.length - 1, F = q.length - 1; A >= 1 && F >= 0 && v[A] !== q[F]; )
+            F--;
+          for (; A >= 1 && F >= 0; A--, F--)
+            if (v[A] !== q[F]) {
+              if (A !== 1 || F !== 1)
                 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] !== q[F]) {
+                    var X = `
+` + v[A].replace(" at new ", " at ");
+                    return t.displayName && X.includes("<anonymous>") && (X = X.replace("<anonymous>", t.displayName)), typeof t == "function" && De.set(t, X), X;
                   }
-                while (E >= 1 && T >= 0);
+                while (A >= 1 && F >= 0);
               break;
             }
         }
       } finally {
-        $e = !1, Oe.current = R, Or(), Error.prepareStackTrace = y;
+        Ge = !1, Ue.current = C, Vs(), Error.prepareStackTrace = E;
       }
-      var ie = r ? r.displayName || r.name : "", re = ie ? ye(ie) : "";
-      return typeof r == "function" && Re.set(r, re), re;
+      var je = t ? t.displayName || t.name : "", oe = je ? Pe(je) : "";
+      return typeof t == "function" && De.set(t, oe), oe;
     }
-    function $r(r, l, u) {
-      return tr(r, !1);
+    function Ys(t, l, x) {
+      return us(t, !1);
     }
-    function Br(r) {
-      var l = r.prototype;
+    function Ks(t) {
+      var l = t.prototype;
       return !!(l && l.isReactComponent);
     }
-    function we(r, l, u) {
-      if (r == null)
+    function Ae(t, l, x) {
+      if (t == 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 t == "function")
+        return us(t, Ks(t));
+      if (typeof t == "string")
+        return Pe(t);
+      switch (t) {
+        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);
-          case _: {
-            var j = r, y = j._payload, R = j._init;
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case f:
+            return Ys(t.render);
+          case p:
+            return Ae(t.type, l, x);
+          case y: {
+            var g = t, E = g._payload, C = g._init;
             try {
-              return we(R(y), l, u);
+              return Ae(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, hs = {}, xs = B.ReactDebugCurrentFrame;
+    function Fe(t) {
+      if (t) {
+        var l = t._owner, x = Ae(t.type, t._source, l ? l.type : null);
+        xs.setExtraStackFrame(x);
       } else
-        ir.setExtraStackFrame(null);
+        xs.setExtraStackFrame(null);
     }
-    function Ir(r, l, u, j, y) {
+    function Hs(t, 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 t)
+          if (C(t, 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`.");
-                throw I.name = "Invariant Violation", I;
+              if (typeof t[R] != "function") {
+                var q = Error((g || "React class") + ": " + x + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw q.name = "Invariant Violation", q;
               }
-              g = r[N](l, N, j, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (E) {
-              g = E;
+              v = t[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) && (Fe(E), k("%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), Fe(null)), v instanceof Error && !(v.message in hs) && (hs[v.message] = !0, Fe(E), k("Failed %s type: %s", x, v.message), Fe(null));
           }
       }
     }
-    var Lr = Array.isArray;
-    function Be(r) {
-      return Lr(r);
+    var Js = Array.isArray;
+    function Ve(t) {
+      return Js(t);
     }
-    function Ur(r) {
+    function Xs(t) {
       {
-        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 && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return x;
       }
     }
-    function Mr(r) {
+    function Qs(t) {
       try {
-        return cr(r), !1;
+        return ms(t), !1;
       } catch {
         return !0;
       }
     }
-    function cr(r) {
-      return "" + r;
+    function ms(t) {
+      return "" + t;
     }
-    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 fs(t) {
+      if (Qs(t))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xs(t)), ms(t);
     }
-    var or = X.ReactCurrentOwner, qr = {
+    var js = B.ReactCurrentOwner, Zs = {
       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;
+    }, ps, gs;
+    function et(t) {
+      if (ve.call(t, "ref")) {
+        var l = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (l && l.isReactWarning)
           return !1;
       }
-      return r.ref !== void 0;
+      return t.ref !== void 0;
     }
-    function Wr(r) {
-      if (de.call(r, "key")) {
-        var l = Object.getOwnPropertyDescriptor(r, "key").get;
+    function st(t) {
+      if (ve.call(t, "key")) {
+        var l = Object.getOwnPropertyDescriptor(t, "key").get;
         if (l && l.isReactWarning)
           return !1;
       }
-      return r.key !== void 0;
+      return t.key !== void 0;
     }
-    function Vr(r, l) {
-      typeof r.ref == "string" && or.current;
+    function tt(t, l) {
+      typeof t.ref == "string" && js.current;
     }
-    function Yr(r, l) {
+    function rt(t, 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() {
+          ps || (ps = !0, k("%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(t, "key", {
+          get: x,
           configurable: !0
         });
       }
     }
-    function zr(r, l) {
+    function nt(t, 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() {
+          gs || (gs = !0, k("%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(t, "ref", {
+          get: x,
           configurable: !0
         });
       }
     }
-    var Kr = function(r, l, u, j, y, R, N) {
-      var g = {
+    var at = function(t, l, x, g, E, C, R) {
+      var v = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: n,
+        $$typeof: r,
         // Built-in properties that belong on the element
-        type: r,
+        type: t,
         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 it(t, 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, q = null;
+        x !== void 0 && (fs(x), v = "" + x), st(l) && (fs(l.key), v = "" + l.key), et(l) && (q = l.ref, tt(l, E));
+        for (C in l)
+          ve.call(l, C) && !Zs.hasOwnProperty(C) && (R[C] = l[C]);
+        if (t && t.defaultProps) {
+          var A = t.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 || q) {
+          var F = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          v && rt(R, F), q && nt(R, F);
         }
-        return Kr(r, g, I, y, j, or.current, N);
+        return at(t, v, q, E, g, js.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 ze = B.ReactCurrentOwner, vs = B.ReactDebugCurrentFrame;
+    function fe(t) {
+      if (t) {
+        var l = t._owner, x = Ae(t.type, t._source, l ? l.type : null);
+        vs.setExtraStackFrame(x);
       } else
-        hr.setExtraStackFrame(null);
+        vs.setExtraStackFrame(null);
     }
-    var Le;
-    Le = !1;
-    function Ue(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === n;
+    var Ye;
+    Ye = !1;
+    function Ke(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === r;
     }
-    function xr() {
+    function bs() {
       {
-        if (Ie.current) {
-          var r = W(Ie.current.type);
-          if (r)
+        if (ze.current) {
+          var t = ee(ze.current.type);
+          if (t)
             return `
 
-Check the render method of \`` + r + "`.";
+Check the render method of \`` + t + "`.";
         }
         return "";
       }
     }
-    function Hr(r) {
+    function ct(t) {
       return "";
     }
-    var mr = {};
-    function Xr(r) {
+    var Ns = {};
+    function lt(t) {
       {
-        var l = xr();
+        var l = bs();
         if (!l) {
-          var u = typeof r == "string" ? r : r.displayName || r.name;
-          u && (l = `
+          var x = typeof t == "string" ? t : t.displayName || t.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 ys(t, l) {
       {
-        if (!r._store || r._store.validated || r.key != null)
+        if (!t._store || t._store.validated || t.key != null)
           return;
-        r._store.validated = !0;
-        var u = Xr(l);
-        if (mr[u])
+        t._store.validated = !0;
+        var x = lt(l);
+        if (Ns[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);
+        Ns[x] = !0;
+        var g = "";
+        t && t._owner && t._owner !== ze.current && (g = " It was passed a child from " + ee(t._owner.type) + "."), fe(t), k('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), fe(null);
       }
     }
-    function jr(r, l) {
+    function _s(t, l) {
       {
-        if (typeof r != "object")
+        if (typeof t != "object")
           return;
-        if (Be(r))
-          for (var u = 0; u < r.length; u++) {
-            var j = r[u];
-            Ue(j) && fr(j, l);
+        if (Ve(t))
+          for (var x = 0; x < t.length; x++) {
+            var g = t[x];
+            Ke(g) && ys(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 (Ke(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var E = T(t);
+          if (typeof E == "function" && E !== t.entries)
+            for (var C = E.call(t), R; !(R = C.next()).done; )
+              Ke(R.value) && ys(R.value, l);
         }
       }
     }
-    function Qr(r) {
+    function ot(t) {
       {
-        var l = r.type;
+        var l = t.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 = ee(l);
+          Hs(x, t.props, "prop", g, t);
+        } else if (l.PropTypes !== void 0 && !Ye) {
+          Ye = !0;
+          var E = ee(l);
+          k("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 && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Zr(r) {
+    function dt(t) {
       {
-        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(t.props), x = 0; x < l.length; x++) {
+          var g = l[x];
+          if (g !== "children" && g !== "key") {
+            fe(t), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), fe(null);
             break;
           }
         }
-        r.ref !== null && (ae(r), C("Invalid attribute `ref` supplied to `React.Fragment`."), ae(null));
+        t.ref !== null && (fe(t), k("Invalid attribute `ref` supplied to `React.Fragment`."), fe(null));
       }
     }
-    var pr = {};
-    function gr(r, l, u, j, y, R) {
+    var ws = {};
+    function Rs(t, 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 = qe(t);
+        if (!R) {
+          var v = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var q = ct();
+          q ? v += q : v += bs();
+          var A;
+          t === null ? A = "null" : Ve(t) ? A = "array" : t !== void 0 && t.$$typeof === r ? (A = "<" + (ee(t.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : A = typeof t, k("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 = it(t, l, x, E, C);
+        if (F == null)
+          return F;
+        if (R) {
+          var X = l.children;
+          if (X !== void 0)
+            if (g)
+              if (Ve(X)) {
+                for (var je = 0; je < X.length; je++)
+                  _s(X[je], t);
+                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.");
+                k("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);
+              _s(X, t);
         }
-        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 = ee(t), U = Object.keys(l).filter(function(jt) {
+            return jt !== "key";
+          }), He = U.length > 0 ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ws[oe + He]) {
+            var ft = U.length > 0 ? "{" + U.join(": ..., ") + ": ...}" : "{}";
+            k(`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} />`, He, oe, ft, oe), ws[oe + He] = !0;
           }
         }
-        return r === a ? Zr(T) : Qr(T), T;
+        return t === n ? dt(F) : ot(F), F;
       }
     }
-    function es(r, l, u) {
-      return gr(r, l, u, !0);
+    function ut(t, l, x) {
+      return Rs(t, l, x, !0);
     }
-    function rs(r, l, u) {
-      return gr(r, l, u, !1);
+    function ht(t, l, x) {
+      return Rs(t, 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 xt = ht, mt = ut;
+    Ne.Fragment = n, Ne.jsx = xt, Ne.jsxs = mt;
+  })()), Ne;
+}
+var ks;
+function wt() {
+  return ks || (ks = 1, process.env.NODE_ENV === "production" ? $e.exports = yt() : $e.exports = _t()), $e.exports;
+}
+var e = wt();
+class we extends Error {
+  constructor(r, a) {
+    super(a), this.status = r, this.name = "ApiError";
   }
 }
-class ms {
+class Rt {
   baseUrl;
   headers;
-  constructor(n = {}) {
-    this.baseUrl = n.baseUrl ?? "", this.headers = {
+  constructor(r = {}) {
+    this.baseUrl = r.baseUrl ?? "", this.headers = {
       "Content-Type": "application/json",
-      ...n.headers
+      ...r.headers
     };
   }
-  async request(n, t, a = {}) {
-    let d = `${this.baseUrl}${t}`;
-    if (a.params) {
-      const f = new URLSearchParams();
-      Object.entries(a.params).forEach(([x, o]) => {
-        o != null && o !== "" && f.set(x, String(o));
+  async request(r, a, n = {}) {
+    let o = `${this.baseUrl}${a}`;
+    if (n.params) {
+      const u = new URLSearchParams();
+      Object.entries(n.params).forEach(([f, h]) => {
+        h != null && h !== "" && u.set(f, String(h));
       });
-      const i = f.toString();
-      i && (d += `?${i}`);
+      const i = u.toString();
+      i && (o += `?${i}`);
     }
-    const h = await fetch(d, {
-      method: n,
+    const d = await fetch(o, {
+      method: r,
       headers: this.headers,
-      body: a.body ? JSON.stringify(a.body) : void 0
+      body: n.body ? JSON.stringify(n.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 (!d.ok) {
+      const u = await d.json().catch(() => ({ detail: "Unknown error" }));
+      throw new we(d.status, u.detail || d.statusText);
     }
-    if (!(h.status === 204 || h.headers.get("content-length") === "0"))
-      return h.json();
+    if (!(d.status === 204 || d.headers.get("content-length") === "0"))
+      return d.json();
   }
   async getCapabilities() {
     return this.request("GET", "/api/v1/capabilities");
   }
-  async listRuns(n) {
-    return this.request("GET", "/api/runs", { params: n });
+  async listRuns(r) {
+    return this.request("GET", "/api/runs", { params: r });
   }
-  async getRun(n) {
-    return this.request("GET", `/api/runs/${n}`);
+  async getRun(r) {
+    return this.request("GET", `/api/runs/${r}`);
   }
-  async deleteRun(n) {
-    await this.request("DELETE", `/api/runs/${n}`);
+  async deleteRun(r) {
+    await this.request("DELETE", `/api/runs/${r}`);
   }
-  async setBaseline(n, t) {
-    return this.request("POST", `/api/projects/${n}/baseline/${t}`, {
+  async setBaseline(r, a) {
+    return this.request("POST", `/api/projects/${r}/baseline/${a}`, {
       params: { redirect: "false" }
     });
   }
-  async listProjects(n) {
-    return this.request("GET", "/api/projects", { params: n });
+  async listProjects(r) {
+    return this.request("GET", "/api/projects", { params: r });
   }
-  async listGroups(n) {
-    return this.request("GET", "/api/groups", { params: n });
+  async listGroups(r) {
+    return this.request("GET", "/api/groups", { params: r });
   }
-  async getGroup(n) {
-    return this.request("GET", `/api/groups/${n}`);
+  async getGroup(r) {
+    return this.request("GET", `/api/groups/${r}`);
   }
-  async getDiff(n, t) {
+  async getDiff(r, a) {
     return this.request("GET", "/api/diff", {
-      params: { a: n, b: t }
+      params: { a: r, b: a }
     });
   }
-  async getArtifact(n, t) {
-    return this.request("GET", `/api/runs/${n}/artifacts/${t}`);
+  async getArtifact(r, a) {
+    return this.request("GET", `/api/runs/${r}/artifacts/${a}`);
+  }
+  getArtifactDownloadUrl(r, a) {
+    return `${this.baseUrl}/api/runs/${r}/artifacts/${a}/raw`;
+  }
+  async createExport(r) {
+    return this.request("POST", `/api/runs/${r}/export`);
   }
-  getArtifactDownloadUrl(n, t) {
-    return `${this.baseUrl}/api/runs/${n}/artifacts/${t}/raw`;
+  async getExportInfo(r) {
+    return this.request("GET", `/api/runs/${r}/export/info`);
   }
+  getExportDownloadUrl(r) {
+    return `${this.baseUrl}/api/runs/${r}/export/download`;
+  }
+}
+const Et = new Rt();
+function Q(s) {
+  return s?.slice(0, 8) ?? "";
+}
+function Xe(s) {
+  return s?.slice(0, 12) ?? "N/A";
+}
+function Le(s) {
+  const r = new Date(s), n = Math.floor(((/* @__PURE__ */ new Date()).getTime() - r.getTime()) / 1e3);
+  if (n < 60) return "just now";
+  if (n < 3600) {
+    const d = Math.floor(n / 60);
+    return `${d} minute${d !== 1 ? "s" : ""} ago`;
+  }
+  if (n < 86400) {
+    const d = Math.floor(n / 3600);
+    return `${d} hour${d !== 1 ? "s" : ""} ago`;
+  }
+  if (n < 2592e3) {
+    const d = Math.floor(n / 86400);
+    return `${d} day${d !== 1 ? "s" : ""} ago`;
+  }
+  if (n < 31536e3) {
+    const d = Math.floor(n / 2592e3);
+    return `${d} month${d !== 1 ? "s" : ""} ago`;
+  }
+  const o = Math.floor(n / 31536e3);
+  return `${o} year${o !== 1 ? "s" : ""} ago`;
+}
+function Ct(s, r = 6) {
+  return typeof s != "number" || isNaN(s) ? String(s) : Number(s.toPrecision(r)).toString();
+}
+function Oe(s) {
+  return s < 1024 ? `${s} bytes` : s < 1048576 ? `${(s / 1024).toFixed(1)} KB` : `${(s / 1048576).toFixed(1)} MB`;
+}
+function Tt(s) {
+  return JSON.stringify(s, null, 2);
 }
-const fs = new ms(), Er = wr(null);
-function js({
+function kt(s, r = 60) {
+  return s ? s.length <= r ? s : s.slice(0, r - 3) + "..." : "";
+}
+function ur(s, r) {
+  const a = new URLSearchParams();
+  Object.entries(r).forEach(([o, d]) => {
+    d != null && d !== "" && a.set(o, String(d));
+  });
+  const n = a.toString();
+  return n ? `${s}?${n}` : s;
+}
+function $(...s) {
+  return s.filter(Boolean).join(" ");
+}
+function Ds(s, r) {
+  const a = new Date(s).getTime(), n = r ? new Date(r).getTime() : Date.now();
+  return Math.max(0, Math.floor((n - a) / 1e3));
+}
+function As(s) {
+  if (s < 60) return `${s}s`;
+  const r = Math.floor(s / 86400), a = Math.floor(s % 86400 / 3600), n = Math.floor(s % 3600 / 60), o = s % 60;
+  return r > 0 ? `${r}d ${a}h ${n}m` : a > 0 ? `${a}h ${n}m ${o}s` : `${n}m ${o}s`;
+}
+function rs(s) {
+  return s === "FINISHED" || s === "FAILED" || s === "KILLED";
+}
+const Fs = es(null);
+function hr({ children: s }) {
+  const r = {
+    theme: "light",
+    resolvedTheme: "light",
+    setTheme: () => {
+    },
+    toggleTheme: () => {
+    }
+  };
+  return /* @__PURE__ */ e.jsx(Fs.Provider, { value: r, children: s });
+}
+function St() {
+  const s = Ze(Fs);
+  return s || {
+    theme: "light",
+    resolvedTheme: "light",
+    setTheme: () => {
+    },
+    toggleTheme: () => {
+    }
+  };
+}
+function xr() {
+  return St();
+}
+const $s = 1e3, Os = es(null);
+function Pt({
   children: s,
-  api: n = fs,
-  initialWorkspace: t = null
+  api: r = Et,
+  initialWorkspace: a = 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 });
+  const [n, o] = S(null), [d, u] = S(a);
+  return ne(() => {
+    r.getCapabilities().then(o).catch(console.error);
+  }, [r]), /* @__PURE__ */ e.jsx(Os.Provider, { value: { api: r, capabilities: n, currentWorkspace: d, setCurrentWorkspace: u }, children: s });
 }
-function Y() {
-  const s = Rr(Er);
+function z() {
+  const s = Ze(Os);
   if (!s) throw new Error("useApp must be used within AppProvider");
   return s;
 }
-function ne(s, n = []) {
-  const [t, a] = U({
+function ue(s, r = []) {
+  const [a, n] = S({
     data: null,
     loading: !0,
     error: null
-  }), d = vr(!0), h = vr(s);
-  h.current = s;
-  const f = me(async () => {
-    a((i) => ({ ...i, loading: !0, error: null }));
+  }), o = Es(!0), d = Es(s);
+  d.current = s;
+  const u = _e(async () => {
+    n((i) => ({ ...i, loading: !0, error: null }));
     try {
-      const i = await h.current();
-      d.current && a({ data: i, loading: !1, error: null });
+      const i = await d.current();
+      o.current && n({ data: i, loading: !1, error: null });
     } catch (i) {
-      d.current && a({
+      o.current && n({
         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 ne(() => (o.current = !0, u(), () => {
+    o.current = !1;
+  }), r), { ...a, refetch: u };
+}
+function Ls(s, r, a) {
+  ne(() => {
+    if (!a) return;
+    const n = setInterval(s, r), o = () => {
+      document.visibilityState === "visible" && s();
+    };
+    return document.addEventListener("visibilitychange", o), () => {
+      clearInterval(n), document.removeEventListener("visibilitychange", o);
+    };
+  }, [s, r, a]);
+}
+function Bs(s) {
+  const { api: r, currentWorkspace: a } = z(), n = ue(
+    () => r.listRuns({ ...s, workspace: a?.id }),
+    [r, a?.id, s?.project, s?.status, s?.q, s?.limit]
   );
+  return Ls(n.refetch, $s, !0), n;
 }
-function Pr(s) {
-  const { api: n } = Y();
-  return ne(
+function Is(s) {
+  const { api: r } = z(), a = ue(
     async () => {
-      const { run: t } = await n.getRun(s);
-      return t;
+      const { run: o } = await r.getRun(s);
+      return o;
     },
-    [n, s]
-  );
+    [r, s]
+  ), n = a.data ? !rs(a.data.status) : !1;
+  return Ls(a.refetch, $s, n), a;
 }
-function ze() {
-  const { api: s, currentWorkspace: n } = Y();
-  return ne(
+function Ie() {
+  const { api: s, currentWorkspace: r } = z();
+  return ue(
     async () => {
-      const { projects: t } = await s.listProjects({ workspace: n?.id });
-      return t;
+      const { projects: a } = await s.listProjects({ workspace: r?.id });
+      return a;
     },
-    [s, n?.id]
+    [s, r?.id]
   );
 }
-function ps(s) {
-  const { api: n, currentWorkspace: t } = Y();
-  return ne(
+function Dt(s) {
+  const { api: r, currentWorkspace: a } = z();
+  return ue(
     async () => {
-      const { groups: a } = await n.listGroups({ ...s, workspace: t?.id });
-      return a;
+      const { groups: n } = await r.listGroups({ ...s, workspace: a?.id });
+      return n;
     },
-    [n, t?.id, s?.project]
+    [r, a?.id, s?.project]
   );
 }
-function gs(s) {
-  const { api: n } = Y();
-  return ne(
-    () => n.getGroup(s),
-    [n, s]
+function At(s) {
+  const { api: r } = z();
+  return ue(
+    () => r.getGroup(s),
+    [r, s]
   );
 }
-function vs(s, n) {
-  const { api: t } = Y();
-  return ne(
-    () => t.getDiff(s, n),
-    [t, s, n]
+function Ft(s, r) {
+  const { api: a } = z();
+  return ue(
+    () => a.getDiff(s, r),
+    [a, s, r]
   );
 }
-function bs(s, n) {
-  const { api: t } = Y();
-  return ne(
-    () => t.getArtifact(s, n),
-    [t, s, n]
+function $t(s, r) {
+  const { api: a } = z();
+  return ue(
+    () => a.getArtifact(s, r),
+    [a, s, r]
   );
 }
-function je(s) {
-  const [n, t] = U(!1), [a, d] = U(null);
-  return { mutate: me(async (...f) => {
-    t(!0), d(null);
+function Re(s) {
+  const [r, a] = S(!1), [n, o] = S(null);
+  return { mutate: _e(async (...u) => {
+    a(!0), o(null);
     try {
-      return await s(...f);
+      return await s(...u);
     } 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 o(f), f;
     } finally {
-      t(!1);
+      a(!1);
     }
-  }, [s]), loading: n, error: a };
+  }, [s]), loading: r, error: n };
 }
-function K(s) {
-  return s?.slice(0, 8) ?? "";
-}
-function qe(s) {
-  return s?.slice(0, 12) ?? "N/A";
-}
-function Te(s) {
-  const n = new Date(s), a = Math.floor(((/* @__PURE__ */ new Date()).getTime() - n.getTime()) / 1e3);
-  if (a < 60) return "just now";
-  if (a < 3600) {
-    const h = Math.floor(a / 60);
-    return `${h} minute${h !== 1 ? "s" : ""} ago`;
-  }
-  if (a < 86400) {
-    const h = Math.floor(a / 3600);
-    return `${h} hour${h !== 1 ? "s" : ""} ago`;
-  }
-  if (a < 2592e3) {
-    const h = Math.floor(a / 86400);
-    return `${h} day${h !== 1 ? "s" : ""} ago`;
-  }
-  if (a < 31536e3) {
-    const h = Math.floor(a / 2592e3);
-    return `${h} month${h !== 1 ? "s" : ""} ago`;
-  }
-  const d = Math.floor(a / 31536e3);
-  return `${d} year${d !== 1 ? "s" : ""} ago`;
-}
-function Ns(s, n = 6) {
-  return typeof s != "number" || isNaN(s) ? String(s) : Number(s.toPrecision(n)).toString();
-}
-function Pe(s) {
-  return s < 1024 ? `${s} bytes` : s < 1048576 ? `${(s / 1024).toFixed(1)} KB` : `${(s / 1048576).toFixed(1)} MB`;
-}
-function _s(s) {
-  return JSON.stringify(s, null, 2);
-}
-function ys(s, n = 60) {
-  return s ? s.length <= n ? s : s.slice(0, n - 3) + "..." : "";
-}
-function Ws(s, n) {
-  const t = new URLSearchParams();
-  Object.entries(n).forEach(([d, h]) => {
-    h != null && h !== "" && t.set(d, String(h));
-  });
-  const a = t.toString();
-  return a ? `${s}?${a}` : s;
-}
-function A(...s) {
-  return s.filter(Boolean).join(" ");
-}
-const Rs = [
+const Ot = [
   { 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({
+], qs = es(null);
+function mr({
   config: s,
-  children: n
+  children: r
 }) {
-  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(qs.Provider, { value: s, children: r });
+}
+function Lt() {
+  return Ze(qs);
+}
+function V({ children: s, config: r }) {
+  const a = pt(), o = { ...Lt(), ...r }, d = o?.navLinks ?? Ot, u = [
+    ...o?.prependNavLinks ?? [],
+    ...d,
+    ...o?.appendNavLinks ?? []
+  ], i = o?.logo ?? { text: "devqubit", icon: "⚛" }, f = (h) => h.matchPaths ? h.matchPaths.some((m) => a.pathname.startsWith(m)) : a.pathname === h.href;
+  return /* @__PURE__ */ e.jsxs("div", { className: "dq-layout", children: [
+    /* @__PURE__ */ e.jsx("header", { className: "dq-header", children: /* @__PURE__ */ e.jsxs("div", { className: "dq-header-inner", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "dq-header-left", children: [
+        /* @__PURE__ */ e.jsxs(Y, { 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: u.map((h) => /* @__PURE__ */ e.jsx(
+          Y,
           {
-            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: o?.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: s })
   ] });
 }
-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: s, subtitle: r, actions: a }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "page-header", children: [
     /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx("h1", { className: "text-2xl font-semibold text-gray-900 flex items-center gap-2 flex-wrap", children: s }),
-      n && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-1", children: n })
+      /* @__PURE__ */ e.jsx("h1", { className: "page-title", children: s }),
+      r && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-1", children: r })
     ] }),
-    t && /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: t })
+    a && /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: a })
   ] });
 }
-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 K({ variant: s = "gray", className: r, children: a, ...n }) {
+  return /* @__PURE__ */ e.jsx("span", { className: $("badge", `badge-${s}`, r), ...n, children: a });
 }
-const k = Ve(
-  ({ variant: s = "secondary", size: n = "default", loading: t, className: a, children: d, disabled: h, ...f }, i) => /* @__PURE__ */ e.jsxs(
+const D = ss(
+  ({ variant: s = "secondary", size: r = "default", loading: a, className: n, children: o, disabled: d, ...u }, i) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       ref: i,
-      className: A(
+      className: $(
         "btn",
         s === "ghost-danger" ? "btn-ghost-danger" : `btn-${s}`,
-        n === "sm" && "btn-sm",
-        a
+        r === "sm" && "btn-sm",
+        n
       ),
-      disabled: h || t,
-      ...f,
+      disabled: d || a,
+      ...u,
       children: [
-        t && /* @__PURE__ */ e.jsx(V, {}),
-        d
+        a && /* @__PURE__ */ e.jsx(I, {}),
+        o
       ]
     }
   )
 );
-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: s, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("div", { className: $("card", s), ...a, children: r });
 }
-function S({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("div", { className: A("card-header", s), ...t, children: n });
+function W({ className: s, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("div", { className: $("card-header", s), ...a, children: r });
 }
-function P({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("h3", { className: A("card-title", s), ...t, children: n });
+function G({ className: s, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("h3", { className: $("card-title", s), ...a, children: r });
 }
-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 fr({ variant: s = "info", className: r, children: a, ...n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: $("alert", `alert-${s}`, r), ...n, children: a });
 }
-function V({ className: s, ...n }) {
-  return /* @__PURE__ */ e.jsx("span", { className: A("spinner", s), ...n });
+function I({ className: s, ...r }) {
+  return /* @__PURE__ */ e.jsx("span", { className: $("spinner", s), ...r });
 }
-function te({ message: s, hint: n, className: t, ...a }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: A("empty-state", t), ...a, children: [
+function he({ message: s, hint: r, className: a, ...n }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: $("empty-state", a), ...n, children: [
     /* @__PURE__ */ e.jsx("p", { children: s }),
-    n && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-2", children: n })
+    r && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-2", children: r })
   ] });
 }
-function Ge({ items: s, className: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("dl", { className: A("kv-list", n), ...t, children: s.map(({ label: a, value: d }) => /* @__PURE__ */ e.jsxs("div", { className: "contents", children: [
-    /* @__PURE__ */ e.jsx("dt", { children: a }),
-    /* @__PURE__ */ e.jsx("dd", { children: d })
-  ] }, a)) });
+function Qe({ items: s, className: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("dl", { className: $("kv-list", r), ...a, children: s.map(({ label: n, value: o }) => /* @__PURE__ */ e.jsxs("div", { className: "contents", children: [
+    /* @__PURE__ */ e.jsx("dt", { children: n }),
+    /* @__PURE__ */ e.jsx("dd", { children: o })
+  ] }, n)) });
 }
-function Es({ open: s, onClose: n, title: t, children: a, actions: d }) {
+function ns({ open: s, onClose: r, title: a, children: n, actions: o }) {
   return s ? /* @__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 }),
-        /* @__PURE__ */ e.jsx("div", { className: "modal-body", children: a }),
-        d && /* @__PURE__ */ e.jsx("div", { className: "modal-actions", children: d })
+      className: $("modal-backdrop", s && "active"),
+      onClick: (d) => d.target === d.currentTarget && r(),
+      children: /* @__PURE__ */ e.jsxs("div", { className: "modal", onClick: (d) => d.stopPropagation(), children: [
+        /* @__PURE__ */ e.jsx("h3", { className: "modal-title", children: a }),
+        /* @__PURE__ */ e.jsx("div", { className: "modal-body", children: n }),
+        o && /* @__PURE__ */ e.jsx("div", { className: "modal-actions", children: o })
       ] })
     }
   ) : 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: s, variant: r = "info", visible: a, onClose: n }) {
+  if (!a) return null;
+  const o = {
+    success: "✓",
+    error: "✕",
+    info: "i"
+  }[r], d = {
+    success: "text-[#059669]",
+    error: "text-[#DC4A4A]",
+    info: "text-[#2563EB]"
+  }[r];
+  return /* @__PURE__ */ e.jsxs("div", { className: "toast", onClick: n, children: [
+    /* @__PURE__ */ e.jsx("span", { className: $("mr-2 font-bold", d), children: o }),
+    s
+  ] });
 }
-function H({ children: s, className: n }) {
-  return /* @__PURE__ */ e.jsx("div", { className: A("form-group", n), children: s });
+function se({ children: s, className: r }) {
+  return /* @__PURE__ */ e.jsx("div", { className: $("form-group", r), children: s });
 }
-function Z({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("label", { className: A("form-label", s), ...t, children: n });
+function ce({ className: s, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("label", { className: $("form-label", s), ...a, children: r });
 }
-const Ke = Ve(
-  ({ className: s, ...n }, t) => /* @__PURE__ */ e.jsx("input", { ref: t, className: A("form-input", s), ...n })
+const as = ss(
+  ({ className: s, ...r }, a) => /* @__PURE__ */ e.jsx("input", { ref: a, className: $("form-input", s), ...r })
 );
-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 })
+as.displayName = "Input";
+const de = ss(
+  ({ className: s, children: r, ...a }, n) => /* @__PURE__ */ e.jsx("select", { ref: n, className: $("form-input", s), ...a, children: r })
 );
-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 Ms({ children: s, className: r }) {
+  return /* @__PURE__ */ e.jsx("div", { className: $("form-row", r), children: s });
 }
-function O({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("table", { className: A("table", s), ...t, children: n });
+function O({ className: s, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("table", { className: $("table", s), ...a, children: r });
 }
-function Q({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("thead", { className: s, ...t, children: n });
+function re({ className: s, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("thead", { className: s, ...a, children: r });
 }
-function F({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("tbody", { className: s, ...t, children: n });
+function L({ className: s, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("tbody", { className: s, ...a, children: r });
 }
-function m({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("tr", { className: s, ...t, children: n });
+function j({ className: s, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("tr", { className: s, ...a, children: r });
 }
-function b({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("th", { className: s, ...t, children: n });
+function N({ className: s, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("th", { className: s, ...a, children: r });
 }
-function c({ className: s, children: n, ...t }) {
-  return /* @__PURE__ */ e.jsx("td", { className: s, ...t, children: n });
+function c({ className: s, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx("td", { className: s, ...a, children: r });
 }
-function Dr({ status: s }) {
-  const n = {
+function Us({ status: s }) {
+  const r = {
     FINISHED: "success",
     FAILED: "danger",
+    KILLED: "gray",
     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,
+  return /* @__PURE__ */ e.jsx(K, { variant: r, children: s });
+}
+function Bt({ createdAt: s, endedAt: r, status: a }) {
+  const n = !rs(a), [o, d] = S(Date.now());
+  ne(() => {
+    if (!n) return;
+    const h = setInterval(() => d(Date.now()), 1e3);
+    return () => clearInterval(h);
+  }, [n]);
+  const i = Ds(s, n ? void 0 : r), f = n ? Math.max(0, Math.floor((o - new Date(s).getTime()) / 1e3)) : i;
+  return /* @__PURE__ */ e.jsx("span", { className: n ? "tabular-nums" : void 0, children: As(f) });
+}
+function is({ runs: s, onDelete: r, loading: a, emptyHint: n, baselineRunId: o }) {
+  const [d, u] = S(null), i = () => {
+    d && r && (r(d.run_id), u(null));
+  };
+  return s.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(O, { children: [
+      /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsx(N, { children: "Run ID" }),
+        /* @__PURE__ */ e.jsx(N, { children: "Name" }),
+        /* @__PURE__ */ e.jsx(N, { children: "Project" }),
+        /* @__PURE__ */ e.jsx(N, { children: "Status" }),
+        /* @__PURE__ */ e.jsx(N, { children: "Duration" }),
+        /* @__PURE__ */ e.jsx(N, { children: "Created" }),
+        /* @__PURE__ */ e.jsx(N, { children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ e.jsx(L, { children: s.map((f) => /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsxs(c, { children: [
+          /* @__PURE__ */ e.jsx(Y, { to: `/runs/${f.run_id}`, className: "font-mono", children: Q(f.run_id) }),
+          f.run_id === o && /* @__PURE__ */ e.jsx(K, { 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(Us, { status: f.status }) }),
+        /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: /* @__PURE__ */ e.jsx(
+          Bt,
           {
-            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"
+            createdAt: f.created_at,
+            endedAt: f.ended_at,
+            status: f.status
           }
-        )
-      ] }) })
-    ] }, d.run_id)) })
+        ) }),
+        /* @__PURE__ */ e.jsx(c, { className: "text-muted", children: Le(f.created_at) }),
+        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e.jsx(Y, { to: `/runs/${f.run_id}`, children: /* @__PURE__ */ e.jsx(D, { variant: "secondary", size: "sm", children: "View" }) }),
+          r && /* @__PURE__ */ e.jsx(
+            D,
+            {
+              variant: "ghost-danger",
+              size: "sm",
+              onClick: () => u(f),
+              disabled: a,
+              children: "Delete"
+            }
+          )
+        ] }) })
+      ] }, f.run_id)) })
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      ns,
+      {
+        open: !!d,
+        onClose: () => u(null),
+        title: "Delete Run",
+        actions: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(D, { variant: "secondary", onClick: () => u(null), children: "Cancel" }),
+          /* @__PURE__ */ e.jsxs(D, { variant: "danger", onClick: i, disabled: a, children: [
+            a && /* @__PURE__ */ e.jsx(I, {}),
+            "Delete"
+          ] })
+        ] }),
+        children: [
+          /* @__PURE__ */ e.jsx("p", { children: "Are you sure you want to delete this run?" }),
+          d && /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm mt-2", children: Q(d.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"
+      hint: n ?? "Try adjusting your filters"
     }
   );
 }
-function Ps() {
-  const [s, n] = Ce(), { api: t } = Y(), { data: a } = ze(), [d, h] = U({
+function It() {
+  const [s, r] = Be(), { api: a } = z(), { data: n } = Ie(), [o, d] = S(null), [u, i] = S({
     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" }),
+  }), { data: f, loading: h, refetch: m } = Bs(u), p = Re((_) => a.deleteRun(_));
+  ne(() => {
+    if (o) {
+      const _ = setTimeout(() => d(null), 3e3);
+      return () => clearTimeout(_);
+    }
+  }, [o]);
+  const y = _e((_, H) => {
+    i((B) => ({ ...B, [_]: H }));
+    const T = new URLSearchParams(s);
+    H ? T.set(_, String(H)) : T.delete(_), r(T, { replace: !0 });
+  }, [s, r]), M = _e(async (_) => {
+    try {
+      await p.mutate(_), d({ message: "Run deleted", variant: "success" }), m();
+    } catch {
+      d({ 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(Ms, { children: [
+      /* @__PURE__ */ e.jsxs(se, { children: [
+        /* @__PURE__ */ e.jsx(ce, { htmlFor: "project", children: "Project" }),
         /* @__PURE__ */ e.jsxs(
-          se,
+          de,
           {
             id: "project",
-            value: d.project,
-            onChange: (_) => p("project", _.target.value),
+            value: u.project,
+            onChange: (_) => y("project", _.target.value),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "", children: "All projects" }),
-              a?.map((_) => /* @__PURE__ */ e.jsx("option", { value: _.name, children: _.name }, _.name))
+              n?.map((_) => /* @__PURE__ */ e.jsx("option", { value: _.name, children: _.name }, _.name))
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(H, { children: [
-        /* @__PURE__ */ e.jsx(Z, { htmlFor: "status", children: "Status" }),
+      /* @__PURE__ */ e.jsxs(se, { children: [
+        /* @__PURE__ */ e.jsx(ce, { htmlFor: "status", children: "Status" }),
         /* @__PURE__ */ e.jsxs(
-          se,
+          de,
           {
             id: "status",
-            value: d.status,
-            onChange: (_) => p("status", _.target.value),
+            value: u.status,
+            onChange: (_) => y("status", _.target.value),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "", children: "All" }),
               /* @__PURE__ */ e.jsx("option", { value: "FINISHED", children: "Finished" }),
@@ -1110,26 +1230,26 @@ function Ps() {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(H, { children: [
-        /* @__PURE__ */ e.jsx(Z, { htmlFor: "q", children: "Query" }),
+      /* @__PURE__ */ e.jsxs(se, { children: [
+        /* @__PURE__ */ e.jsx(ce, { htmlFor: "q", children: "Query" }),
         /* @__PURE__ */ e.jsx(
-          Ke,
+          as,
           {
             id: "q",
-            value: d.q,
-            onChange: (_) => p("q", _.target.value),
+            value: u.q,
+            onChange: (_) => y("q", _.target.value),
             placeholder: "metric.fidelity > 0.9"
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(H, { children: [
-        /* @__PURE__ */ e.jsx(Z, { htmlFor: "limit", children: "Limit" }),
+      /* @__PURE__ */ e.jsxs(se, { children: [
+        /* @__PURE__ */ e.jsx(ce, { htmlFor: "limit", children: "Limit" }),
         /* @__PURE__ */ e.jsxs(
-          se,
+          de,
           {
             id: "limit",
-            value: d.limit,
-            onChange: (_) => p("limit", parseInt(_.target.value, 10)),
+            value: u.limit,
+            onChange: (_) => y("limit", parseInt(_.target.value, 10)),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "25", children: "25" }),
               /* @__PURE__ */ e.jsx("option", { value: "50", children: "50" }),
@@ -1138,567 +1258,900 @@ 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(se, { className: "flex items-end gap-2", children: [
+        /* @__PURE__ */ e.jsx(D, { variant: "primary", onClick: () => m(), children: "Filter" }),
+        h && /* @__PURE__ */ e.jsx(I, {})
       ] })
     ] }) }),
-    /* @__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(I, {}) }) : /* @__PURE__ */ e.jsx(
+      is,
       {
         runs: f?.runs ?? [],
-        onDelete: $,
-        loading: o.loading
+        onDelete: M,
+        loading: p.loading,
+        baselineRunId: u.project ? n?.find((_) => _.name === u.project)?.baseline?.run_id : void 0
       }
-    ) })
+    ) }),
+    o && /* @__PURE__ */ e.jsx(
+      Ce,
+      {
+        message: o.message,
+        variant: o.variant,
+        visible: !!o,
+        onClose: () => d(null)
+      }
+    )
   ] });
 }
-function Ts({ projects: s, currentWorkspace: n }) {
+function qt({ projects: s, currentWorkspace: r }) {
   if (!s.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 a = (n) => {
+    const o = new URLSearchParams({ project: n });
+    return r && o.set("workspace", r.id), `/runs?${o}`;
   };
   return /* @__PURE__ */ e.jsxs(O, { children: [
-    /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
-      /* @__PURE__ */ e.jsx(b, { children: "Project" }),
-      /* @__PURE__ */ e.jsx(b, { children: "Runs" }),
-      /* @__PURE__ */ e.jsx(b, { children: "Baseline" }),
-      /* @__PURE__ */ e.jsx(b, {})
+    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsx(N, { children: "Project" }),
+      /* @__PURE__ */ e.jsx(N, { children: "Runs" }),
+      /* @__PURE__ */ e.jsx(N, { children: "Baseline" }),
+      /* @__PURE__ */ e.jsx(N, {})
     ] }) }),
-    /* @__PURE__ */ e.jsx(F, { children: s.map((a) => /* @__PURE__ */ e.jsxs(m, { children: [
+    /* @__PURE__ */ e.jsx(L, { children: s.map((n) => /* @__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) })
+        /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: n.name }),
+        n.description && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: kt(n.description) })
       ] }),
-      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: a.run_count ?? 0 }) }),
-      /* @__PURE__ */ e.jsx(c, { children: a.baseline ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(M, { to: `/runs/${a.baseline.run_id}`, className: "font-mono text-sm", children: K(a.baseline.run_id) }),
-        a.baseline.run_name && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: a.baseline.run_name })
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(K, { variant: "gray", children: n.run_count ?? 0 }) }),
+      /* @__PURE__ */ e.jsx(c, { children: n.baseline ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(Y, { to: `/runs/${n.baseline.run_id}`, className: "font-mono text-sm", children: Q(n.baseline.run_id) }),
+        n.baseline.run_name && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: n.baseline.run_name })
       ] }) : /* @__PURE__ */ e.jsx("span", { className: "text-muted", children: "—" }) }),
-      /* @__PURE__ */ e.jsx(c, { className: "text-right", children: /* @__PURE__ */ e.jsx(M, { to: t(a.name), children: /* @__PURE__ */ e.jsx(k, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
-    ] }, a.name)) })
+      /* @__PURE__ */ e.jsx(c, { className: "text-right", children: /* @__PURE__ */ e.jsx(Y, { to: a(n.name), children: /* @__PURE__ */ e.jsx(D, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
+    ] }, n.name)) })
   ] });
 }
-function Cs({ groups: s }) {
+function Mt({ groups: s }) {
   return s.length ? /* @__PURE__ */ e.jsxs(O, { children: [
-    /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
-      /* @__PURE__ */ e.jsx(b, { children: "Group ID" }),
-      /* @__PURE__ */ e.jsx(b, { children: "Name" }),
-      /* @__PURE__ */ e.jsx(b, { children: "Project" }),
-      /* @__PURE__ */ e.jsx(b, { children: "Runs" }),
-      /* @__PURE__ */ e.jsx(b, { children: "Actions" })
+    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsx(N, { children: "Group ID" }),
+      /* @__PURE__ */ e.jsx(N, { children: "Name" }),
+      /* @__PURE__ */ e.jsx(N, { children: "Project" }),
+      /* @__PURE__ */ e.jsx(N, { children: "Runs" }),
+      /* @__PURE__ */ e.jsx(N, { children: "Actions" })
     ] }) }),
-    /* @__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(L, { children: s.map((r) => /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: Q(r.group_id) }),
+      /* @__PURE__ */ e.jsx(c, { children: r.group_name || "—" }),
+      /* @__PURE__ */ e.jsx(c, { children: r.project }),
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(K, { variant: "gray", children: r.run_count }) }),
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Y, { to: `/groups/${r.group_id}`, children: /* @__PURE__ */ e.jsx(D, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
+    ] }, r.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 Ut({
+  runId: s,
+  runName: r,
+  variant: a = "secondary",
+  size: n = "sm",
+  className: o = ""
+}) {
+  const { api: d } = z(), [u, i] = S({ status: "idle" }), [f, h] = S(!1), [m, p] = S(null), y = async () => {
+    i({ status: "preparing", message: "Preparing bundle..." }), h(!0);
+    try {
+      const T = await d.createExport(s);
+      i({
+        status: "packing",
+        message: "Creating bundle...",
+        artifactCount: T.artifact_count,
+        objectCount: T.object_count
+      }), i((xe) => ({
+        ...xe,
+        status: "downloading",
+        message: "Downloading bundle..."
+      }));
+      const B = d.getExportDownloadUrl(s), k = await fetch(B, {
+        credentials: "same-origin"
+      });
+      if (!k.ok)
+        throw new Error("Download failed");
+      const te = await k.blob(), ae = r ? `${r.replace(/[^a-zA-Z0-9_-]/g, "_")}_${s.slice(0, 8)}.zip` : `run_${s.slice(0, 8)}.zip`, J = URL.createObjectURL(te), Z = document.createElement("a");
+      Z.href = J, Z.download = ae, document.body.appendChild(Z), Z.click(), document.body.removeChild(Z), URL.revokeObjectURL(J), i({
+        status: "complete",
+        message: "Export complete!",
+        bundleSize: te.size,
+        artifactCount: T.artifact_count,
+        objectCount: T.object_count
+      }), p({ message: "Bundle downloaded successfully", variant: "success" }), setTimeout(() => {
+        h(!1), i({ status: "idle" });
+      }, 2e3);
+    } catch (T) {
+      const B = T instanceof Error ? T.message : "Export failed";
+      i({ status: "error", message: B }), p({ message: B, variant: "error" });
+    }
+  }, M = () => {
+    u.status !== "preparing" && u.status !== "packing" && u.status !== "downloading" && (h(!1), i({ status: "idle" }));
+  }, _ = (T) => T < 1024 ? `${T} B` : T < 1024 * 1024 ? `${(T / 1024).toFixed(1)} KB` : `${(T / (1024 * 1024)).toFixed(1)} MB`, H = ["preparing", "packing", "downloading"].includes(u.status);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(
+      D,
+      {
+        variant: a,
+        size: n,
+        onClick: y,
+        disabled: H,
+        className: o,
+        children: [
+          H && /* @__PURE__ */ e.jsx(I, {}),
+          /* @__PURE__ */ e.jsx(Wt, {}),
+          "Export"
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      ns,
+      {
+        open: f,
+        onClose: M,
+        title: "Export Run",
+        actions: u.status === "error" || u.status === "complete" ? /* @__PURE__ */ e.jsx(D, { variant: "secondary", onClick: M, 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: [
+            u.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(Vt, {}) }) : u.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(Gt, {}) }) : /* @__PURE__ */ e.jsx("div", { className: "w-10 h-10 rounded-full bg-[var(--dq-primary-bg)] flex items-center justify-center", children: /* @__PURE__ */ e.jsx(I, {}) }),
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              /* @__PURE__ */ e.jsx("p", { className: "font-medium", children: u.message }),
+              u.status === "error" && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-[var(--dq-text-muted)]", children: "Please try again or contact support." })
+            ] })
+          ] }),
+          (u.artifactCount !== void 0 || u.objectCount !== void 0 || u.bundleSize !== void 0) && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-2 mt-4", children: [
+            u.artifactCount !== void 0 && /* @__PURE__ */ e.jsxs(K, { variant: "gray", children: [
+              u.artifactCount,
+              " artifacts"
+            ] }),
+            u.objectCount !== void 0 && /* @__PURE__ */ e.jsxs(K, { variant: "gray", children: [
+              u.objectCount,
+              " objects"
+            ] }),
+            u.bundleSize !== void 0 && /* @__PURE__ */ e.jsx(K, { variant: "info", children: _(u.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: s })
+            ] }),
+            r && /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-[var(--dq-text-muted)]", children: [
+              "Name: ",
+              r
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    m && /* @__PURE__ */ e.jsx(
+      Ce,
+      {
+        message: m.message,
+        variant: m.variant,
+        visible: !!m,
+        onClose: () => p(null)
+      }
+    )
+  ] });
+}
+function Wt() {
+  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 Gt() {
+  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);
+}
+function Vt() {
+  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 zt({ createdAt: s, endedAt: r, status: a }) {
+  const n = !rs(a), [o, d] = S(Date.now());
+  ne(() => {
+    if (!n) return;
+    const i = setInterval(() => d(Date.now()), 1e3);
+    return () => clearInterval(i);
+  }, [n]);
+  const u = n ? Math.max(0, Math.floor((o - new Date(s).getTime()) / 1e3)) : Ds(s, r);
+  return /* @__PURE__ */ e.jsx("span", { className: n ? "tabular-nums" : void 0, children: As(u) });
+}
+function Yt() {
+  const { runId: s } = ts(), r = gt(), { api: a } = z(), { data: n, loading: o, error: d, refetch: u } = Is(s), { data: i, refetch: f } = Ie(), [h, m] = S(!1), [p, y] = S(null), { mutate: M, loading: _ } = Re(
+    () => a.setBaseline(n.project, n.run_id)
+  ), { mutate: H, loading: T } = Re(
+    () => a.deleteRun(s)
+  ), k = i?.find((w) => w.name === n?.project)?.baseline?.run_id === s;
+  if (ne(() => {
+    if (p) {
+      const w = setTimeout(() => y(null), 3e3);
       return () => clearTimeout(w);
     }
-  }, [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]), o)
+    return /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(I, {}) }) });
+  if (d || !n)
+    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: d?.message || `Run ${s} 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 te = n.backend || {}, ae = n.fingerprints || {}, J = n.data?.params || {}, Z = n.data?.metrics || {}, xe = n.data?.tags || {}, me = n.artifacts || [], pe = n.errors || [], qe = 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 M(), await f(), u(), y({ message: "Baseline updated", variant: "success" });
     } catch {
-      p({ message: "Download failed", variant: "error" });
+      y({ message: "Failed to set baseline", variant: "error" });
     }
-  };
-  return /* @__PURE__ */ e.jsxs(q, { children: [
+  }, Me = async () => {
+    try {
+      await H(), m(!1), y({ message: "Run deleted", variant: "success" }), setTimeout(() => r("/runs"), 1e3);
+    } catch {
+      y({ message: "Failed to delete run", variant: "error" }), m(!1);
+    }
+  }, Te = async (w) => {
+    const P = me[w];
+    try {
+      const ke = a.getArtifactDownloadUrl(n.run_id, w), ge = await fetch(ke);
+      if (!ge.ok) throw new Error("Download failed");
+      const Se = await ge.blob(), le = document.createElement("a");
+      le.href = URL.createObjectURL(Se), le.download = P?.kind || `artifact-${w}`, le.click(), URL.revokeObjectURL(le.href), y({ message: "Download started", variant: "success" });
+    } catch {
+      y({ message: "Download failed", variant: "error" });
+    }
+  }, ee = [
+    { label: "Project", value: /* @__PURE__ */ e.jsx(Y, { to: `/runs?project=${n.project}`, children: n.project }) },
+    { label: "Name", value: n.run_name || "—" },
+    { label: "Adapter", value: n.adapter || "N/A" },
+    { label: "Status", value: /* @__PURE__ */ e.jsx(Us, { status: n.status }) },
+    { label: "Created", value: `${n.created_at} (${Le(n.created_at)})` },
+    {
+      label: "Duration",
+      value: /* @__PURE__ */ e.jsx(zt, { createdAt: n.created_at, endedAt: n.ended_at, status: n.status })
+    },
+    ...n.ended_at ? [{ label: "Ended", value: `${n.ended_at} (${Le(n.ended_at)})` }] : [],
+    { label: "Backend", value: te.name || "N/A" },
+    ...n.group_id ? [{
+      label: "Group",
+      value: /* @__PURE__ */ e.jsx(Y, { to: `/groups/${n.group_id}`, children: n.group_name || Q(n.group_id) })
+    }] : []
+  ];
+  return /* @__PURE__ */ e.jsxs(V, { children: [
+    k && /* @__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 "',
+      n.project,
+      '"'
+    ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "page-header", children: [
       /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx("h1", { className: "page-title", children: a.run_name || "Unnamed Run" }),
-        /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm font-mono", children: a.run_id })
+        /* @__PURE__ */ e.jsx("h1", { className: "page-title", children: n.run_name || "Unnamed Run" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm font-mono", children: n.run_id })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ e.jsxs(k, { variant: "secondary", size: "sm", onClick: De, disabled: _, children: [
-          _ && /* @__PURE__ */ e.jsx(V, {}),
+        /* @__PURE__ */ e.jsx(Ut, { runId: n.run_id, runName: n.run_name }),
+        !k && /* @__PURE__ */ e.jsxs(D, { variant: "secondary", size: "sm", onClick: qe, disabled: _, children: [
+          _ && /* @__PURE__ */ e.jsx(I, {}),
           "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 }) },
-          { label: "Name", value: a.run_name || "—" },
-          { label: "Adapter", value: a.adapter || "N/A" },
-          { label: "Status", value: /* @__PURE__ */ e.jsx(Dr, { status: a.status }) },
-          { label: "Created", value: `${a.created_at} (${Te(a.created_at)})` },
-          { label: "Backend", value: ce.name || "N/A" },
-          ...a.group_id ? [{
-            label: "Group",
-            value: /* @__PURE__ */ e.jsx(M, { to: `/groups/${a.group_id}`, children: a.group_name || K(a.group_id) })
-          }] : []
-        ] })
+      /* @__PURE__ */ e.jsxs(b, { children: [
+        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Overview" }) }),
+        /* @__PURE__ */ e.jsx(Qe, { items: ee })
       ] }),
-      /* @__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(Qe, { items: [
+          { label: "Run", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: ae.run || "N/A" }) },
+          { label: "Program", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: ae.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.jsxs(b, { children: [
+        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Parameters" }) }),
+        Object.keys(J).length ? /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsx(L, { children: Object.entries(J).map(([w, P]) => /* @__PURE__ */ e.jsxs(j, { children: [
           /* @__PURE__ */ e.jsx(c, { children: w }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(D) })
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(P) })
         ] }, w)) }) }) : /* @__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.jsxs(b, { children: [
+        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Metrics" }) }),
+        Object.keys(Z).length ? /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsx(L, { children: Object.entries(Z).map(([w, P]) => /* @__PURE__ */ e.jsxs(j, { children: [
           /* @__PURE__ */ e.jsx(c, { children: w }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: typeof D == "number" ? Ns(D) : String(D) })
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: typeof P == "number" ? Ct(P) : String(P) })
         ] }, w)) }) }) : /* @__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: [
+      /* @__PURE__ */ e.jsxs(b, { children: [
+        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: "Tags" }) }),
+        Object.keys(xe).length ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: Object.entries(xe).map(([w, P]) => /* @__PURE__ */ e.jsxs(K, { variant: "gray", children: [
           w,
           ": ",
-          String(D)
+          String(P)
         ] }, w)) }) : /* @__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,
+        me.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" })
+      me.length ? /* @__PURE__ */ e.jsxs(O, { children: [
+        /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(N, { children: "#" }),
+          /* @__PURE__ */ e.jsx(N, { children: "Kind" }),
+          /* @__PURE__ */ e.jsx(N, { children: "Role" }),
+          /* @__PURE__ */ e.jsx(N, { children: "Media Type" }),
+          /* @__PURE__ */ e.jsx(N, { children: "Digest" }),
+          /* @__PURE__ */ e.jsx(N, { children: "Actions" })
         ] }) }),
-        /* @__PURE__ */ e.jsx(F, { children: le.map((w, D) => /* @__PURE__ */ e.jsxs(m, { children: [
-          /* @__PURE__ */ e.jsx(c, { children: D }),
+        /* @__PURE__ */ e.jsx(L, { children: me.map((w, P) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: P }),
           /* @__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, { children: /* @__PURE__ */ e.jsx(K, { variant: "gray", children: w.role }) }),
           /* @__PURE__ */ e.jsx(c, { className: "text-muted text-sm", children: w.media_type }),
-          /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: qe(w.digest) }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: Xe(w.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(Y, { to: `/runs/${n.run_id}/artifacts/${P}`, children: /* @__PURE__ */ e.jsx(D, { variant: "secondary", size: "sm", children: "View" }) }),
+            /* @__PURE__ */ e.jsx(D, { variant: "secondary", size: "sm", onClick: () => Te(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: [
+    pe.length > 0 && /* @__PURE__ */ e.jsxs(b, { children: [
+      /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { className: "text-danger", children: "Errors" }) }),
+      pe.map((w, P) => /* @__PURE__ */ e.jsxs("div", { className: "mb-2", children: [
         /* @__PURE__ */ e.jsx("strong", { children: w.type }),
         ": ",
         w.message,
         w.traceback && /* @__PURE__ */ e.jsx("pre", { className: "mt-2", children: w.traceback })
-      ] }, D))
+      ] }, P))
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Es,
+      ns,
       {
-        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: Me, disabled: T, children: [
+            T && /* @__PURE__ */ e.jsx(I, {}),
             "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(n.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: () => y(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 Kt() {
+  const { currentWorkspace: s } = z(), { data: r, loading: a } = Ie();
+  return /* @__PURE__ */ e.jsxs(V, { children: [
+    /* @__PURE__ */ e.jsx(Ee, { title: "Projects" }),
+    /* @__PURE__ */ e.jsx(b, { children: a ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(I, {}) }) : /* @__PURE__ */ e.jsx(qt, { projects: r ?? [], currentWorkspace: s }) })
   ] });
 }
-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 Ht() {
+  const [s, r] = Be(), { data: a } = Ie(), [n, o] = S(s.get("project") || ""), { data: d, loading: u, refetch: i } = Dt({ project: n || void 0 }), f = _e((h) => {
+    o(h);
+    const m = new URLSearchParams(s);
+    h ? m.set("project", h) : m.delete("project"), r(m, { replace: !0 });
+  }, [s, r]);
+  return /* @__PURE__ */ e.jsxs(V, { children: [
+    /* @__PURE__ */ e.jsx(Ee, { title: "Run Groups" }),
+    /* @__PURE__ */ e.jsx(b, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(Ms, { children: [
+      /* @__PURE__ */ e.jsxs(se, { children: [
+        /* @__PURE__ */ e.jsx(ce, { htmlFor: "project", children: "Project" }),
         /* @__PURE__ */ e.jsxs(
-          se,
+          de,
           {
             id: "project",
-            value: a,
-            onChange: (o) => x(o.target.value),
+            value: n,
+            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))
+              a?.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(se, { className: "flex items-end gap-2", children: [
+        /* @__PURE__ */ e.jsx(D, { variant: "primary", onClick: () => i(), children: "Filter" }),
+        u && /* @__PURE__ */ e.jsx(I, {})
       ] })
     ] }) }),
-    /* @__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: u && !d ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(I, {}) }) : /* @__PURE__ */ e.jsx(Mt, { groups: d ?? [] }) })
   ] });
 }
-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 Jt() {
+  const { groupId: s } = ts(), { api: r } = z(), { data: a, loading: n, error: o, refetch: d } = At(s), [u, i] = S(null), f = Re((m) => r.deleteRun(m));
+  ne(() => {
+    if (u) {
+      const m = setTimeout(() => i(null), 3e3);
+      return () => clearTimeout(m);
+    }
+  }, [u]);
+  const h = async (m) => {
+    try {
+      await f.mutate(m), i({ message: "Run deleted", variant: "success" }), d();
+    } 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 n ? /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(I, {}) }) }) : o || !a ? /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(he, { message: "Group not found", hint: o?.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(s) })
         ] }),
         subtitle: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-muted", children: s })
       }
     ),
-    /* @__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,
+        a.runs.length,
         ")"
       ] }) }),
       /* @__PURE__ */ e.jsx(
-        Je,
+        is,
         {
-          runs: t.runs,
-          onDelete: i,
+          runs: a.runs,
+          onDelete: h,
           loading: f.loading
         }
       )
-    ] })
+    ] }),
+    u && /* @__PURE__ */ e.jsx(
+      Ce,
+      {
+        message: u.message,
+        variant: u.variant,
+        visible: !!u,
+        onClose: () => i(null)
+      }
+    )
+  ] });
+}
+function Xt({ className: s = "" }) {
+  return /* @__PURE__ */ e.jsx("svg", { className: s, 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 Qt({ className: s = "" }) {
+  return /* @__PURE__ */ e.jsxs("svg", { className: s, 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 Zt({ className: s = "" }) {
+  return /* @__PURE__ */ e.jsxs("svg", { className: s, 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 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 Je({ className: s = "" }) {
+  return /* @__PURE__ */ e.jsxs("svg", { className: s, 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 ye({ match: s }) {
+  return s ? /* @__PURE__ */ e.jsxs("span", { className: "diff-match inline-flex items-center gap-1.5", children: [
+    /* @__PURE__ */ e.jsx(Xt, { 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(Qt, { className: "flex-shrink-0" }),
+    /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: "Different" })
+  ] });
+}
+function er({ warnings: s }) {
+  return !s || s.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(Zt, { 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: s.length === 1 ? "Warning" : `${s.length} Warnings` }),
+      /* @__PURE__ */ e.jsx("ul", { className: "space-y-1", children: s.map((r, a) => /* @__PURE__ */ e.jsx("li", { className: "text-sm", children: r }, a)) })
+    ] })
+  ] }) });
+}
+function Ss({
+  label: s,
+  run: r,
+  variant: a
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ e.jsx("div", { className: `absolute top-0 left-0 w-1 h-full rounded-l ${a === "a" ? "bg-info" : "bg-primary"}` }),
+    /* @__PURE__ */ e.jsxs("div", { className: "pl-4", children: [
+      /* @__PURE__ */ e.jsx("p", { className: `text-xs font-semibold uppercase tracking-wider mb-2 ${a === "a" ? "text-info" : "text-primary"}`, children: s }),
+      /* @__PURE__ */ e.jsx(Y, { to: `/runs/${r.run_id}`, className: "text-base font-medium hover:underline", children: r.run_name || "Unnamed Run" }),
+      /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs mt-1 text-muted", children: Q(r.run_id) }),
+      /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-1 text-muted", children: [
+        r.project,
+        " · ",
+        Le(r.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 ie({
+  children: s,
+  badge: r
+}) {
+  return /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-2 flex-wrap", children: [
+    s,
+    r && /* @__PURE__ */ e.jsx(K, { variant: r.variant, children: r.label })
+  ] }) }) });
+}
+function sr({
+  tvd: s,
+  noiseContext: r
+}) {
+  if (s === 0)
+    return /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-4 text-success", children: "✓ Distributions are identical (TVD = 0)" });
+  if (!r) return null;
+  const { p_value: a, noise_ratio: n } = r;
+  return a != null ? a >= 0.1 ? /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-4 text-success", children: "✓ Consistent with sampling noise — difference is not statistically significant" }) : a >= 0.05 ? /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-4 text-warning", children: [
+    "⚠ Borderline (p=",
+    a.toFixed(2),
+    ") — consider increasing shots"
+  ] }) : /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-4 text-danger", children: [
+    "✗ Statistically significant difference (p=",
+    a.toFixed(2),
+    ") — results show meaningful divergence"
+  ] }) : n != null ? n < 1.5 ? /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-4 text-success", children: "✓ TVD is within expected shot noise range" }) : n < 3 ? /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-4 text-warning", children: [
+    "⚠ Ambiguous (",
+    n.toFixed(1),
+    "× expected noise) — consider increasing shots"
+  ] }) : /* @__PURE__ */ e.jsxs("p", { className: "text-sm mt-4 text-danger", children: [
+    "✗ TVD exceeds expected noise (",
+    n.toFixed(1),
+    "×) — results show meaningful differences"
+  ] }) : null;
+}
+function tr() {
+  const [s, r] = Be(), { data: a } = Bs({ limit: 100 }), n = a?.runs ?? [], [o, d] = S(s.get("a") || ""), [u, i] = S(s.get("b") || ""), [f, h] = S(""), m = (p) => {
+    if (p.preventDefault(), !o || !u) {
+      h("Please select both runs to compare");
+      return;
+    }
+    if (o === u) {
+      h("Please select two different runs");
+      return;
+    }
+    h(""), r({ a: o, b: u });
   };
   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(se, { children: [
+          /* @__PURE__ */ e.jsx(ce, { htmlFor: "a", children: "Run A (Baseline)" }),
+          /* @__PURE__ */ e.jsxs(
+            de,
+            {
+              id: "a",
+              value: o,
+              onChange: (p) => {
+                d(p.target.value), h("");
+              },
+              children: [
+                /* @__PURE__ */ e.jsx("option", { value: "", children: "Select run..." }),
+                n.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(se, { children: [
+          /* @__PURE__ */ e.jsx(ce, { htmlFor: "b", children: "Run B (Candidate)" }),
+          /* @__PURE__ */ e.jsxs(
+            de,
+            {
+              id: "b",
+              value: u,
+              onChange: (p) => {
+                i(p.target.value), h("");
+              },
+              children: [
+                /* @__PURE__ */ e.jsx("option", { value: "", children: "Select run..." }),
+                n.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(Je, { 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(Je, { 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(Je, { 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 rr({ runIdA: s, runIdB: r }) {
+  const { data: a, loading: n, error: o } = Ft(s, r);
+  if (n)
+    return /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-12 gap-3", children: [
+      /* @__PURE__ */ e.jsx(I, {}),
+      /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted", children: "Comparing runs..." })
+    ] }) });
+  if (o || !a)
+    return /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(he, { message: "Failed to load diff", hint: o?.message }) });
+  const { run_a: d, run_b: u, report: i } = a, 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(er, { 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(Ss, { label: "Run A (Baseline)", run: d, variant: "a" }),
+      /* @__PURE__ */ e.jsx(Ss, { label: "Run B (Candidate)", run: u, 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(ie, { children: "Metadata" }),
+        /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsxs(L, { 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(ie, { children: "Fingerprints" }),
+        /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsxs(L, { 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: Xe(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: Xe(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(
+          ie,
+          {
+            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(O, { children: /* @__PURE__ */ e.jsxs(L, { 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(ie, { 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" })
-      ] }) }),
+    /* @__PURE__ */ e.jsxs(b, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(ie, { 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(O, { children: [
-        /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
-          /* @__PURE__ */ e.jsx(b, { children: "Parameter" }),
-          /* @__PURE__ */ e.jsx(b, { children: "Run A" }),
-          /* @__PURE__ */ e.jsx(b, { children: "Run B" })
+        /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(N, { children: "Parameter" }),
+          /* @__PURE__ */ e.jsx(N, { children: "Run A" }),
+          /* @__PURE__ */ e.jsx(N, { children: "Run B" })
         ] }) }),
-        /* @__PURE__ */ e.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(L, { 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" })
-      ] }) }),
+    /* @__PURE__ */ e.jsxs(b, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(ie, { 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(O, { children: [
-        /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
-          /* @__PURE__ */ e.jsx(b, { children: "Metric" }),
-          /* @__PURE__ */ e.jsx(b, { children: "Run A" }),
-          /* @__PURE__ */ e.jsx(b, { children: "Run B" })
+        /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(N, { children: "Metric" }),
+          /* @__PURE__ */ e.jsx(N, { children: "Run A" }),
+          /* @__PURE__ */ e.jsx(N, { children: "Run B" })
         ] }) }),
-        /* @__PURE__ */ e.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(L, { 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" }),
+    i.circuit_diff && /* @__PURE__ */ e.jsxs(b, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(ie, { 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(O, { children: [
-            /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsxs(m, { children: [
-              /* @__PURE__ */ e.jsx(b, { children: "Property" }),
-              /* @__PURE__ */ e.jsx(b, { children: "Run A" }),
-              /* @__PURE__ */ e.jsx(b, { children: "Run B" }),
-              /* @__PURE__ */ e.jsx(b, { children: "Delta" })
+            /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(N, { children: "Property" }),
+              /* @__PURE__ */ e.jsx(N, { children: "Run A" }),
+              /* @__PURE__ */ e.jsx(N, { children: "Run B" }),
+              /* @__PURE__ */ e.jsx(N, { children: "Delta" })
             ] }) }),
-            /* @__PURE__ */ e.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(L, { 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(O, { children: /* @__PURE__ */ e.jsxs(L, { 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(K, { 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(K, { 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(ie, { children: "Results Distribution" }),
+      /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsxs(L, { 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 +2159,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(sr, { 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 nr() {
+  const [s] = Be(), r = s.get("a"), a = s.get("b"), n = r && a;
+  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" }),
+      n && /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-1 text-muted", children: /* @__PURE__ */ e.jsx(Y, { to: "/diff", children: "← Select different runs" }) })
     ] }) }),
-    a ? /* @__PURE__ */ e.jsx($s, { runIdA: n, runIdB: t }) : /* @__PURE__ */ e.jsx(Fs, {})
+    n ? /* @__PURE__ */ e.jsx(rr, { runIdA: r, runIdB: a }) : /* @__PURE__ */ e.jsx(tr, {})
   ] });
 }
-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 ar() {
+  const { api: s } = z(), [r, a] = S(""), [n, o] = S(null), [d, u] = S(!1), [i, f] = S(""), { mutate: h, loading: m } = Re(async () => {
+    const y = await s.listRuns({ q: r, limit: 100 });
+    return o(y.runs), u(!0), y;
+  }), p = (y) => {
+    if (y.preventDefault(), !r.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(se, { children: [
+        /* @__PURE__ */ e.jsx(ce, { htmlFor: "q", children: "Query" }),
         /* @__PURE__ */ e.jsx(
-          Ke,
+          as,
           {
             id: "q",
             type: "text",
-            value: n,
-            onChange: (p) => t(p.target.value),
+            value: r,
+            onChange: (y) => {
+              a(y.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(I, {}),
           "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" }) }),
+    d && n && /* @__PURE__ */ e.jsx(b, { className: "mb-4", children: n.length > 0 ? /* @__PURE__ */ e.jsx(is, { runs: n }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted text-center py-8", children: "No runs match your query" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ e.jsxs(v, { children: [
-        /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(P, { children: "Query Syntax" }) }),
+      /* @__PURE__ */ e.jsxs(b, { children: [
+        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { 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.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsx(N, { children: "Field" }),
+            /* @__PURE__ */ e.jsx(N, { children: "Description" })
           ] }) }),
-          /* @__PURE__ */ e.jsxs(F, { children: [
-            /* @__PURE__ */ e.jsxs(m, { children: [
+          /* @__PURE__ */ e.jsxs(L, { 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(b, { children: [
+        /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(G, { 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.jsx(re, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsx(N, { children: "Operator" }),
+            /* @__PURE__ */ e.jsx(N, { children: "Description" })
           ] }) }),
-          /* @__PURE__ */ e.jsxs(F, { children: [
-            /* @__PURE__ */ e.jsxs(m, { children: [
+          /* @__PURE__ */ e.jsxs(L, { 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 +2302,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(O, { children: /* @__PURE__ */ e.jsxs(L, { 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 +2329,178 @@ 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 ir() {
+  const { runId: s, index: r } = ts(), a = parseInt(r, 10), { api: n } = z(), { data: o } = Is(s), { data: d, loading: u, error: i } = $t(s, a), [f, h] = S(null);
+  ne(() => {
+    if (f) {
+      const k = setTimeout(() => h(null), 3e3);
+      return () => clearTimeout(k);
+    }
+  }, [f]);
+  const m = async () => {
+    try {
+      const k = n.getArtifactDownloadUrl(s, a), te = await fetch(k);
+      if (!te.ok) throw new Error("Download failed");
+      const ae = await te.blob(), J = document.createElement("a");
+      J.href = URL.createObjectURL(ae), J.download = p?.kind || `artifact-${a}`, J.click(), URL.revokeObjectURL(J.href), h({ message: "Download started", variant: "success" });
+    } catch {
+      h({ message: "Download failed", variant: "error" });
+    }
+  };
+  if (u)
+    return /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(I, {}) }) });
+  if (i || !d)
+    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: y, content: M, content_json: _, preview_available: H, error: T } = d, B = 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(Y, { to: `/runs/${s}`, children: [
+            Q(s),
+            o?.run_name && ` — ${o.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(Qe, { items: [
+      { label: "Kind", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono", children: p.kind }) },
+      { label: "Role", value: /* @__PURE__ */ e.jsx(K, { 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(y) }
     ] }) }),
-    /* @__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" }) }),
+      T ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-danger", children: [
-          "⚠ Error loading artifact: ",
-          G
+          "Error loading artifact: ",
+          T
         ] }),
-        /* @__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 ? _ ? /* @__PURE__ */ e.jsx("pre", { children: Tt(_) }) : M ? /* @__PURE__ */ e.jsx("pre", { children: M }) : /* @__PURE__ */ e.jsxs("p", { className: "text-muted", children: [
         "Binary content (",
-        Pe(o),
+        Oe(y),
         ") — 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(y),
           " exceeds ",
-          Pe(J),
+          Oe(B),
           " 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 cr = [
+  { path: "/", element: /* @__PURE__ */ e.jsx(vt, { to: "/runs", replace: !0 }) },
+  { path: "/runs", element: /* @__PURE__ */ e.jsx(It, {}) },
+  { path: "/runs/:runId", element: /* @__PURE__ */ e.jsx(Yt, {}) },
+  { path: "/runs/:runId/artifacts/:index", element: /* @__PURE__ */ e.jsx(ir, {}) },
+  { path: "/projects", element: /* @__PURE__ */ e.jsx(Kt, {}) },
+  { path: "/groups", element: /* @__PURE__ */ e.jsx(Ht, {}) },
+  { path: "/groups/:groupId", element: /* @__PURE__ */ e.jsx(Jt, {}) },
+  { path: "/diff", element: /* @__PURE__ */ e.jsx(nr, {}) },
+  { path: "/search", element: /* @__PURE__ */ e.jsx(ar, {}) }
 ];
-function kr(s = []) {
-  return os([...Us, ...s]);
+function Ws(s = []) {
+  return bt([...cr, ...s]);
 }
-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 lr = Ws();
+function jr({ additionalRoutes: s, ...r }) {
+  const a = s?.length ? Ws(s) : lr;
+  return /* @__PURE__ */ e.jsx(Pt, { ...r, children: /* @__PURE__ */ e.jsx(Nt, { router: a }) });
 }
 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,
+  fr as Alert,
+  Rt as ApiClient,
+  we as ApiError,
+  jr as App,
+  Pt as AppProvider,
+  ir as ArtifactPage,
+  K as Badge,
+  D as Button,
+  b as Card,
+  W as CardHeader,
+  G as CardTitle,
+  nr as DiffPage,
+  he as EmptyState,
+  Ut as ExportRunButton,
+  se as FormGroup,
+  Ms as FormRow,
+  Jt as GroupDetailPage,
+  Ht as GroupsPage,
+  Mt as GroupsTable,
+  as as Input,
+  Qe as KVList,
+  ce as Label,
+  V as Layout,
+  mr as LayoutConfigProvider,
+  ns as Modal,
+  $s as POLL_INTERVAL,
+  Ee as PageHeader,
+  Kt as ProjectsPage,
+  qt as ProjectsTable,
+  Yt as RunDetailPage,
+  It as RunsPage,
+  is as RunsTable,
+  ar as SearchPage,
+  de as Select,
+  I as Spinner,
+  Us as StatusBadge,
   O as Table,
-  F as TableBody,
+  L 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,
+  N as TableHeader,
+  j as TableRow,
+  hr as ThemeProvider,
+  Ce as Toast,
+  Et as api,
+  ur as buildUrl,
+  $ as cn,
+  cr as coreRoutes,
+  Ws as createRouter,
+  Ds as elapsedSeconds,
+  Oe as formatBytes,
+  As as formatDuration,
+  Ct as formatNumber,
+  rs as isTerminalStatus,
+  Tt as jsonPretty,
+  lr as router,
+  Xe as shortDigest,
+  Q as shortId,
+  Le as timeAgo,
+  kt as truncate,
+  z as useApp,
+  $t as useArtifact,
+  Ft as useDiff,
+  At as useGroup,
+  Dt as useGroups,
+  Lt as useLayoutConfig,
+  Re as useMutation,
+  Ls as usePolling,
+  Ie as useProjects,
+  Is as useRun,
+  Bs as useRuns,
+  St as useTheme,
+  xr as useThemeOptional
 };