@devqubit/ui 0.1.10-beta-1 → 0.1.10-beta-2

package/dist/index.js

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