@devqubit/ui 0.1.10-beta-1

package/dist/index.js

@@ -0,0 +1,2160 @@
+import Rr, { useState as O, useEffect as xe, useContext as wr, useCallback as be, createContext as Er, useRef as br, forwardRef as He } from "react";
+import { useLocation as ls, Link as q, useSearchParams as Oe, useParams as Xe, useNavigate as os, Navigate as ds, createBrowserRouter as us, RouterProvider as hs } from "react-router-dom";
+var ke = { exports: {} }, pe = {};
+var Nr;
+function xs() {
+  if (Nr) return pe;
+  Nr = 1;
+  var s = Rr, n = /* @__PURE__ */ Symbol.for("react.element"), t = /* @__PURE__ */ Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(a, u, x) {
+    var g, f = {}, R = null, K = null;
+    x !== void 0 && (R = "" + x), u.key !== void 0 && (R = "" + u.key), u.ref !== void 0 && (K = u.ref);
+    for (g in u) i.call(u, g) && !o.hasOwnProperty(g) && (f[g] = u[g]);
+    if (a && a.defaultProps) for (g in u = a.defaultProps, u) f[g] === void 0 && (f[g] = u[g]);
+    return { $$typeof: n, type: a, key: R, ref: K, props: f, _owner: d.current };
+  }
+  return pe.Fragment = t, pe.jsx = m, pe.jsxs = m, pe;
+}
+var ge = {};
+var yr;
+function ms() {
+  return yr || (yr = 1, process.env.NODE_ENV !== "production" && (function() {
+    var s = Rr, n = /* @__PURE__ */ Symbol.for("react.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), i = /* @__PURE__ */ Symbol.for("react.fragment"), d = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), m = /* @__PURE__ */ Symbol.for("react.provider"), a = /* @__PURE__ */ Symbol.for("react.context"), u = /* @__PURE__ */ Symbol.for("react.forward_ref"), x = /* @__PURE__ */ Symbol.for("react.suspense"), g = /* @__PURE__ */ Symbol.for("react.suspense_list"), f = /* @__PURE__ */ Symbol.for("react.memo"), R = /* @__PURE__ */ Symbol.for("react.lazy"), K = /* @__PURE__ */ Symbol.for("react.offscreen"), w = Symbol.iterator, Q = "@@iterator";
+    function J(r) {
+      if (r === null || typeof r != "object")
+        return null;
+      var l = w && r[w] || r[Q];
+      return typeof l == "function" ? l : null;
+    }
+    var H = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function P(r) {
+      {
+        for (var l = arguments.length, h = new Array(l > 1 ? l - 1 : 0), p = 1; p < l; p++)
+          h[p - 1] = arguments[p];
+        le("error", r, h);
+      }
+    }
+    function le(r, l, h) {
+      {
+        var p = H.ReactDebugCurrentFrame, E = p.getStackAddendum();
+        E !== "" && (l += "%s", h = h.concat([E]));
+        var T = h.map(function(_) {
+          return String(_);
+        });
+        T.unshift("Warning: " + l), Function.prototype.apply.call(console[r], console, T);
+      }
+    }
+    var oe = !1, Z = !1, Re = !1, we = !1, de = !1, me;
+    me = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function Le(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === i || r === o || de || r === d || r === x || r === g || we || r === K || oe || Z || Re || typeof r == "object" && r !== null && (r.$$typeof === R || r.$$typeof === f || r.$$typeof === m || r.$$typeof === a || r.$$typeof === u || // This needs to include all possible module reference object
+      // 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));
+    }
+    function Ie(r, l, h) {
+      var p = r.displayName;
+      if (p)
+        return p;
+      var E = l.displayName || l.name || "";
+      return E !== "" ? h + "(" + E + ")" : h;
+    }
+    function Ee(r) {
+      return r.displayName || "Context";
+    }
+    function b(r) {
+      if (r == null)
+        return null;
+      if (typeof r.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+        return r.displayName || r.name || null;
+      if (typeof r == "string")
+        return r;
+      switch (r) {
+        case i:
+          return "Fragment";
+        case t:
+          return "Portal";
+        case o:
+          return "Profiler";
+        case d:
+          return "StrictMode";
+        case x:
+          return "Suspense";
+        case g:
+          return "SuspenseList";
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case a:
+            var l = r;
+            return Ee(l) + ".Consumer";
+          case m:
+            var h = r;
+            return Ee(h._context) + ".Provider";
+          case u:
+            return Ie(r, r.render, "ForwardRef");
+          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;
+            try {
+              return b(_(T));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var C = Object.assign, se = 0, je, Te, ne, er, rr, sr, nr;
+    function tr() {
+    }
+    tr.__reactDisabledLog = !0;
+    function Or() {
+      {
+        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 = {
+            configurable: !0,
+            enumerable: !0,
+            value: tr,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
+          });
+        }
+        se++;
+      }
+    }
+    function $r() {
+      {
+        if (se--, se === 0) {
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: C({}, r, {
+              value: je
+            }),
+            info: C({}, r, {
+              value: Te
+            }),
+            warn: C({}, r, {
+              value: ne
+            }),
+            error: C({}, r, {
+              value: er
+            }),
+            group: C({}, r, {
+              value: rr
+            }),
+            groupCollapsed: C({}, r, {
+              value: sr
+            }),
+            groupEnd: C({}, r, {
+              value: nr
+            })
+          });
+        }
+        se < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var Ue = H.ReactCurrentDispatcher, Me;
+    function Ce(r, l, h) {
+      {
+        if (Me === void 0)
+          try {
+            throw Error();
+          } catch (E) {
+            var p = E.stack.trim().match(/\n( *(at )?)/);
+            Me = p && p[1] || "";
+          }
+        return `
+` + Me + r;
+      }
+    }
+    var qe = !1, Pe;
+    {
+      var Br = typeof WeakMap == "function" ? WeakMap : Map;
+      Pe = new Br();
+    }
+    function ar(r, l) {
+      if (!r || qe)
+        return "";
+      {
+        var h = Pe.get(r);
+        if (h !== void 0)
+          return h;
+      }
+      var p;
+      qe = !0;
+      var E = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var T;
+      T = Ue.current, Ue.current = null, Or();
+      try {
+        if (l) {
+          var _ = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(_.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(_, []);
+            } catch (M) {
+              p = M;
+            }
+            Reflect.construct(r, [], _);
+          } else {
+            try {
+              _.call();
+            } catch (M) {
+              p = M;
+            }
+            r.call(_.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (M) {
+            p = M;
+          }
+          r();
+        }
+      } catch (M) {
+        if (M && p && typeof M.stack == "string") {
+          for (var v = M.stack.split(`
+`), U = p.stack.split(`
+`), S = v.length - 1, A = U.length - 1; S >= 1 && A >= 0 && v[S] !== U[A]; )
+            A--;
+          for (; S >= 1 && A >= 0; S--, A--)
+            if (v[S] !== U[A]) {
+              if (S !== 1 || A !== 1)
+                do
+                  if (S--, A--, A < 0 || v[S] !== U[A]) {
+                    var Y = `
+` + v[S].replace(" at new ", " at ");
+                    return r.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", r.displayName)), typeof r == "function" && Pe.set(r, Y), Y;
+                  }
+                while (S >= 1 && A >= 0);
+              break;
+            }
+        }
+      } finally {
+        qe = !1, Ue.current = T, $r(), Error.prepareStackTrace = E;
+      }
+      var he = r ? r.displayName || r.name : "", te = he ? Ce(he) : "";
+      return typeof r == "function" && Pe.set(r, te), te;
+    }
+    function Lr(r, l, h) {
+      return ar(r, !1);
+    }
+    function Ir(r) {
+      var l = r.prototype;
+      return !!(l && l.isReactComponent);
+    }
+    function Se(r, l, h) {
+      if (r == null)
+        return "";
+      if (typeof r == "function")
+        return ar(r, Ir(r));
+      if (typeof r == "string")
+        return Ce(r);
+      switch (r) {
+        case x:
+          return Ce("Suspense");
+        case g:
+          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;
+            try {
+              return Se(T(E), l, h);
+            } 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);
+      } else
+        cr.setExtraStackFrame(null);
+    }
+    function Ur(r, l, h, p, E) {
+      {
+        var T = Function.call.bind(fe);
+        for (var _ in r)
+          if (T(r, _)) {
+            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`.");
+                throw U.name = "Invariant Violation", U;
+              }
+              v = r[_](l, _, p, h, 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));
+          }
+      }
+    }
+    var Mr = Array.isArray;
+    function Ge(r) {
+      return Mr(r);
+    }
+    function qr(r) {
+      {
+        var l = typeof Symbol == "function" && Symbol.toStringTag, h = l && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return h;
+      }
+    }
+    function Gr(r) {
+      try {
+        return lr(r), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function lr(r) {
+      return "" + r;
+    }
+    function or(r) {
+      if (Gr(r))
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qr(r)), lr(r);
+    }
+    var dr = H.ReactCurrentOwner, Vr = {
+      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;
+        if (l && l.isReactWarning)
+          return !1;
+      }
+      return r.ref !== void 0;
+    }
+    function Yr(r) {
+      if (fe.call(r, "key")) {
+        var l = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (l && l.isReactWarning)
+          return !1;
+      }
+      return r.key !== void 0;
+    }
+    function zr(r, l) {
+      typeof r.ref == "string" && dr.current;
+    }
+    function Kr(r, l) {
+      {
+        var h = function() {
+          ur || (ur = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        };
+        h.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: h,
+          configurable: !0
+        });
+      }
+    }
+    function Jr(r, l) {
+      {
+        var h = function() {
+          hr || (hr = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        };
+        h.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: h,
+          configurable: !0
+        });
+      }
+    }
+    var Hr = function(r, l, h, p, 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,
+        key: l,
+        ref: h,
+        props: _,
+        // Record the component responsible for creating this element.
+        _owner: T
+      };
+      return v._store = {}, Object.defineProperty(v._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(v, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: p
+      }), Object.defineProperty(v, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: E
+      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+    };
+    function Xr(r, l, h, p, 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));
+        for (T in l)
+          fe.call(l, T) && !Vr.hasOwnProperty(T) && (_[T] = l[T]);
+        if (r && r.defaultProps) {
+          var S = r.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);
+        }
+        return Hr(r, v, U, E, p, dr.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);
+      } else
+        xr.setExtraStackFrame(null);
+    }
+    var We;
+    We = !1;
+    function Ye(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === n;
+    }
+    function mr() {
+      {
+        if (Ve.current) {
+          var r = b(Ve.current.type);
+          if (r)
+            return `
+
+Check the render method of \`` + r + "`.";
+        }
+        return "";
+      }
+    }
+    function Qr(r) {
+      return "";
+    }
+    var jr = {};
+    function Zr(r) {
+      {
+        var l = mr();
+        if (!l) {
+          var h = typeof r == "string" ? r : r.displayName || r.name;
+          h && (l = `
+
+Check the top-level render call using <` + h + ">.");
+        }
+        return l;
+      }
+    }
+    function fr(r, l) {
+      {
+        if (!r._store || r._store.validated || r.key != null)
+          return;
+        r._store.validated = !0;
+        var h = Zr(l);
+        if (jr[h])
+          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);
+      }
+    }
+    function pr(r, l) {
+      {
+        if (typeof r != "object")
+          return;
+        if (Ge(r))
+          for (var h = 0; h < r.length; h++) {
+            var p = r[h];
+            Ye(p) && fr(p, l);
+          }
+        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);
+        }
+      }
+    }
+    function es(r) {
+      {
+        var l = r.type;
+        if (l == null || typeof l == "string")
+          return;
+        var h;
+        if (typeof l == "function")
+          h = l.propTypes;
+        else if (typeof l == "object" && (l.$$typeof === u || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        l.$$typeof === f))
+          h = l.propTypes;
+        else
+          return;
+        if (h) {
+          var p = b(l);
+          Ur(h, r.props, "prop", p, r);
+        } else if (l.PropTypes !== void 0 && !We) {
+          We = !0;
+          var E = b(l);
+          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+        }
+        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) {
+      {
+        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);
+            break;
+          }
+        }
+        r.ref !== null && (ue(r), P("Invalid attribute `ref` supplied to `React.Fragment`."), ue(null));
+      }
+    }
+    var gr = {};
+    function vr(r, l, h, p, E, T) {
+      {
+        var _ = Le(r);
+        if (!_) {
+          var v = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var U = Qr();
+          U ? v += U : v += mr();
+          var S;
+          r === null ? S = "null" : Ge(r) ? S = "array" : r !== void 0 && r.$$typeof === n ? (S = "<" + (b(r.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : S = typeof r, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, v);
+        }
+        var A = Xr(r, l, h, E, T);
+        if (A == null)
+          return A;
+        if (_) {
+          var Y = l.children;
+          if (Y !== void 0)
+            if (p)
+              if (Ge(Y)) {
+                for (var he = 0; he < Y.length; he++)
+                  pr(Y[he], r);
+                Object.freeze && Object.freeze(Y);
+              } 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);
+        }
+        if (fe.call(l, "key")) {
+          var te = b(r), M = Object.keys(l).filter(function(cs) {
+            return cs !== "key";
+          }), ze = M.length > 0 ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!gr[te + ze]) {
+            var is = M.length > 0 ? "{" + M.join(": ..., ") + ": ...}" : "{}";
+            P(`A props object containing a "key" prop is being spread into JSX:
+  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;
+          }
+        }
+        return r === i ? rs(A) : es(A), A;
+      }
+    }
+    function ss(r, l, h) {
+      return vr(r, l, h, !0);
+    }
+    function ns(r, l, h) {
+      return vr(r, l, h, !1);
+    }
+    var ts = ns, as = ss;
+    ge.Fragment = i, ge.jsx = ts, ge.jsxs = as;
+  })()), ge;
+}
+var _r;
+function js() {
+  return _r || (_r = 1, process.env.NODE_ENV === "production" ? ke.exports = xs() : ke.exports = ms()), ke.exports;
+}
+var e = js();
+class Ne extends Error {
+  constructor(n, t) {
+    super(t), this.status = n, this.name = "ApiError";
+  }
+}
+class fs {
+  baseUrl;
+  headers;
+  constructor(n = {}) {
+    this.baseUrl = n.baseUrl ?? "", this.headers = {
+      "Content-Type": "application/json",
+      ...n.headers
+    };
+  }
+  async request(n, t, i = {}) {
+    let d = `${this.baseUrl}${t}`;
+    if (i.params) {
+      const m = new URLSearchParams();
+      Object.entries(i.params).forEach(([u, x]) => {
+        x != null && x !== "" && m.set(u, String(x));
+      });
+      const a = m.toString();
+      a && (d += `?${a}`);
+    }
+    const o = await fetch(d, {
+      method: n,
+      headers: this.headers,
+      body: i.body ? JSON.stringify(i.body) : void 0
+    });
+    if (!o.ok) {
+      const m = await o.json().catch(() => ({ detail: "Unknown error" }));
+      throw new Ne(o.status, m.detail || o.statusText);
+    }
+    if (!(o.status === 204 || o.headers.get("content-length") === "0"))
+      return o.json();
+  }
+  async getCapabilities() {
+    return this.request("GET", "/api/v1/capabilities");
+  }
+  async listRuns(n) {
+    return this.request("GET", "/api/runs", { params: n });
+  }
+  async getRun(n) {
+    return this.request("GET", `/api/runs/${n}`);
+  }
+  async deleteRun(n) {
+    await this.request("DELETE", `/api/runs/${n}`);
+  }
+  async setBaseline(n, t) {
+    return this.request("POST", `/api/projects/${n}/baseline/${t}`, {
+      params: { redirect: "false" }
+    });
+  }
+  async listProjects(n) {
+    return this.request("GET", "/api/projects", { params: n });
+  }
+  async listGroups(n) {
+    return this.request("GET", "/api/groups", { params: n });
+  }
+  async getGroup(n) {
+    return this.request("GET", `/api/groups/${n}`);
+  }
+  async getDiff(n, t) {
+    return this.request("GET", "/api/diff", {
+      params: { a: n, b: t }
+    });
+  }
+  async getArtifact(n, t) {
+    return this.request("GET", `/api/runs/${n}/artifacts/${t}`);
+  }
+  getArtifactDownloadUrl(n, t) {
+    return `${this.baseUrl}/api/runs/${n}/artifacts/${t}/raw`;
+  }
+}
+const ps = new fs(), Tr = Er(null);
+function gs({
+  children: s,
+  api: n = ps,
+  initialWorkspace: t = null
+}) {
+  const [i, d] = O(null), [o, m] = O(t);
+  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 });
+}
+function W() {
+  const s = wr(Tr);
+  if (!s) throw new Error("useApp must be used within AppProvider");
+  return s;
+}
+function ie(s, n = []) {
+  const [t, i] = O({
+    data: null,
+    loading: !0,
+    error: null
+  }), d = br(!0), o = br(s);
+  o.current = s;
+  const m = be(async () => {
+    i((a) => ({ ...a, loading: !0, error: null }));
+    try {
+      const a = await o.current();
+      d.current && i({ data: a, loading: !1, error: null });
+    } catch (a) {
+      d.current && i({
+        data: null,
+        loading: !1,
+        error: a instanceof Ne ? a : new Ne(500, String(a))
+      });
+    }
+  }, []);
+  return xe(() => (d.current = !0, m(), () => {
+    d.current = !1;
+  }), n), { ...t, refetch: m };
+}
+function Cr(s) {
+  const { api: n, currentWorkspace: t } = W();
+  return ie(
+    () => n.listRuns({ ...s, workspace: t?.id }),
+    [n, t?.id, s?.project, s?.status, s?.q, s?.limit]
+  );
+}
+function Pr(s) {
+  const { api: n } = W();
+  return ie(
+    async () => {
+      const { run: t } = await n.getRun(s);
+      return t;
+    },
+    [n, s]
+  );
+}
+function $e() {
+  const { api: s, currentWorkspace: n } = W();
+  return ie(
+    async () => {
+      const { projects: t } = await s.listProjects({ workspace: n?.id });
+      return t;
+    },
+    [s, n?.id]
+  );
+}
+function vs(s) {
+  const { api: n, currentWorkspace: t } = W();
+  return ie(
+    async () => {
+      const { groups: i } = await n.listGroups({ ...s, workspace: t?.id });
+      return i;
+    },
+    [n, t?.id, s?.project]
+  );
+}
+function bs(s) {
+  const { api: n } = W();
+  return ie(
+    () => n.getGroup(s),
+    [n, s]
+  );
+}
+function Ns(s, n) {
+  const { api: t } = W();
+  return ie(
+    () => t.getDiff(s, n),
+    [t, s, n]
+  );
+}
+function ys(s, n) {
+  const { api: t } = W();
+  return ie(
+    () => t.getArtifact(s, n),
+    [t, s, n]
+  );
+}
+function ye(s) {
+  const [n, t] = O(!1), [i, d] = O(null);
+  return { mutate: be(async (...m) => {
+    t(!0), d(null);
+    try {
+      return await s(...m);
+    } catch (a) {
+      const u = a instanceof Ne ? a : new Ne(500, String(a));
+      throw d(u), u;
+    } finally {
+      t(!1);
+    }
+  }, [s]), loading: n, error: i };
+}
+function z(s) {
+  return s?.slice(0, 8) ?? "";
+}
+function Ke(s) {
+  return s?.slice(0, 12) ?? "N/A";
+}
+function Fe(s) {
+  const n = new Date(s), i = Math.floor(((/* @__PURE__ */ new Date()).getTime() - n.getTime()) / 1e3);
+  if (i < 60) return "just now";
+  if (i < 3600) {
+    const o = Math.floor(i / 60);
+    return `${o} minute${o !== 1 ? "s" : ""} ago`;
+  }
+  if (i < 86400) {
+    const o = Math.floor(i / 3600);
+    return `${o} hour${o !== 1 ? "s" : ""} ago`;
+  }
+  if (i < 2592e3) {
+    const o = Math.floor(i / 86400);
+    return `${o} day${o !== 1 ? "s" : ""} ago`;
+  }
+  if (i < 31536e3) {
+    const o = Math.floor(i / 2592e3);
+    return `${o} month${o !== 1 ? "s" : ""} ago`;
+  }
+  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 Ae(s) {
+  return s < 1024 ? `${s} bytes` : s < 1048576 ? `${(s / 1024).toFixed(1)} KB` : `${(s / 1048576).toFixed(1)} MB`;
+}
+function Rs(s) {
+  return JSON.stringify(s, null, 2);
+}
+function ws(s, n = 60) {
+  return s ? s.length <= n ? s : s.slice(0, n - 3) + "..." : "";
+}
+function Vs(s, n) {
+  const t = new URLSearchParams();
+  Object.entries(n).forEach(([d, o]) => {
+    o != null && o !== "" && t.set(d, String(o));
+  });
+  const i = t.toString();
+  return i ? `${s}?${i}` : s;
+}
+function $(...s) {
+  return s.filter(Boolean).join(" ");
+}
+const Es = [
+  { 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,
+  children: n
+}) {
+  return /* @__PURE__ */ e.jsx(Sr.Provider, { value: s, children: n });
+}
+function Ts() {
+  return wr(Sr);
+}
+function G({ children: s, config: n }) {
+  const t = ls(), d = { ...Ts(), ...n }, o = d?.navLinks ?? Es, 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;
+  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.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.jsx("nav", { className: "flex gap-1", children: m.map((x) => /* @__PURE__ */ e.jsx(
+          q,
+          {
+            to: x.href,
+            className: $(
+              "px-3 py-1.5 rounded-md text-sm font-medium transition-all duration-150 hover:no-underline",
+              u(x) ? "text-white bg-white/10" : "text-gray-400 hover:text-white hover:bg-white/5"
+            ),
+            children: x.label
+          },
+          x.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 })
+  ] });
+}
+function _e({ title: s, subtitle: n, actions: t }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between mb-6 gap-4 flex-wrap", children: [
+    /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx("h1", { className: "text-2xl font-semibold text-gray-900 flex items-center gap-2 flex-wrap", children: s }),
+      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 })
+  ] });
+}
+function B({ variant: s = "gray", className: n, children: t, ...i }) {
+  return /* @__PURE__ */ e.jsx("span", { className: $("badge", `badge-${s}`, n), ...i, children: t });
+}
+const F = He(
+  ({ variant: s = "secondary", size: n = "default", loading: t, className: i, children: d, disabled: o, ...m }, a) => /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      ref: a,
+      className: $(
+        "btn",
+        s === "ghost-danger" ? "btn-ghost-danger" : `btn-${s}`,
+        n === "sm" && "btn-sm",
+        i
+      ),
+      disabled: o || t,
+      ...m,
+      children: [
+        t && /* @__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 D({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("div", { className: $("card-header", s), ...t, children: n });
+}
+function k({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("h3", { className: $("card-title", s), ...t, children: n });
+}
+function Ys({ variant: s = "info", className: n, children: t, ...i }) {
+  return /* @__PURE__ */ e.jsx("div", { className: $("alert", `alert-${s}`, n), ...i, children: t });
+}
+function V({ className: s, ...n }) {
+  return /* @__PURE__ */ e.jsx("span", { className: $("spinner", s), ...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 }),
+    n && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted mt-2", children: n })
+  ] });
+}
+function Je({ items: s, className: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("dl", { className: $("kv-list", n), ...t, children: s.map(({ label: i, value: d }) => /* @__PURE__ */ e.jsxs("div", { className: "contents", children: [
+    /* @__PURE__ */ e.jsx("dt", { children: i }),
+    /* @__PURE__ */ e.jsx("dd", { children: d })
+  ] }, i)) });
+}
+function Dr({ open: s, onClose: n, title: t, children: i, actions: d }) {
+  return s ? /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: $("modal-backdrop", s && "active"),
+      onClick: (o) => o.target === o.currentTarget && n(),
+      children: /* @__PURE__ */ e.jsxs("div", { className: "modal", onClick: (o) => o.stopPropagation(), children: [
+        /* @__PURE__ */ e.jsx("h3", { className: "modal-title", children: t }),
+        /* @__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;
+  const d = {
+    success: "✓",
+    error: "✕",
+    info: "i"
+  }[n], o = {
+    success: "text-[#059669]",
+    error: "text-[#DC4A4A]",
+    info: "text-[#2563EB]"
+  }[n];
+  return /* @__PURE__ */ e.jsxs("div", { className: "toast", onClick: i, children: [
+    /* @__PURE__ */ e.jsx("span", { className: $("mr-2 font-bold", o), children: d }),
+    s
+  ] });
+}
+function X({ children: s, className: n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: $("form-group", n), children: s });
+}
+function re({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("label", { className: $("form-label", s), ...t, children: n });
+}
+const Qe = He(
+  ({ className: s, ...n }, t) => /* @__PURE__ */ e.jsx("input", { ref: t, className: $("form-input", s), ...n })
+);
+Qe.displayName = "Input";
+const ae = He(
+  ({ className: s, children: n, ...t }, i) => /* @__PURE__ */ e.jsx("select", { ref: i, className: $("form-input", s), ...t, children: n })
+);
+ae.displayName = "Select";
+function kr({ children: s, className: n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: $("form-row", n), children: s });
+}
+function L({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("table", { className: $("table", s), ...t, children: n });
+}
+function ee({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("thead", { className: s, ...t, children: n });
+}
+function I({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("tbody", { className: s, ...t, children: n });
+}
+function j({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("tr", { className: s, ...t, children: n });
+}
+function y({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("th", { className: s, ...t, children: n });
+}
+function c({ className: s, children: n, ...t }) {
+  return /* @__PURE__ */ e.jsx("td", { className: s, ...t, children: n });
+}
+function Ar({ status: s }) {
+  const n = {
+    FINISHED: "success",
+    FAILED: "danger",
+    RUNNING: "warning",
+    UNKNOWN: "gray"
+  }[s];
+  return /* @__PURE__ */ e.jsx(B, { variant: n, children: s });
+}
+function Ze({ runs: s, onDelete: n, loading: t, emptyHint: i, baselineRunId: d }) {
+  const [o, m] = O(null), a = () => {
+    o && n && (n(o.run_id), m(null));
+  };
+  return s.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(L, { children: [
+      /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsx(y, { children: "Run ID" }),
+        /* @__PURE__ */ e.jsx(y, { children: "Name" }),
+        /* @__PURE__ */ e.jsx(y, { children: "Project" }),
+        /* @__PURE__ */ e.jsx(y, { children: "Status" }),
+        /* @__PURE__ */ e.jsx(y, { children: "Created" }),
+        /* @__PURE__ */ e.jsx(y, { children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ e.jsx(I, { children: s.map((u) => /* @__PURE__ */ e.jsxs(j, { children: [
+        /* @__PURE__ */ e.jsxs(c, { children: [
+          /* @__PURE__ */ e.jsx(q, { to: `/runs/${u.run_id}`, className: "font-mono", children: z(u.run_id) }),
+          u.run_id === d && /* @__PURE__ */ e.jsx(B, { variant: "info", className: "ml-2", children: "Baseline" })
+        ] }),
+        /* @__PURE__ */ e.jsx(c, { children: u.run_name || "—" }),
+        /* @__PURE__ */ e.jsx(c, { children: u.project }),
+        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(Ar, { status: u.status }) }),
+        /* @__PURE__ */ e.jsx(c, { className: "text-muted", children: Fe(u.created_at) }),
+        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e.jsx(q, { to: `/runs/${u.run_id}`, children: /* @__PURE__ */ e.jsx(F, { variant: "secondary", size: "sm", children: "View" }) }),
+          n && /* @__PURE__ */ e.jsx(
+            F,
+            {
+              variant: "ghost-danger",
+              size: "sm",
+              onClick: () => m(u),
+              disabled: t,
+              children: "Delete"
+            }
+          )
+        ] }) })
+      ] }, u.run_id)) })
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      Dr,
+      {
+        open: !!o,
+        onClose: () => m(null),
+        title: "Delete Run",
+        actions: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(F, { variant: "secondary", onClick: () => m(null), children: "Cancel" }),
+          /* @__PURE__ */ e.jsxs(F, { variant: "danger", onClick: a, disabled: t, children: [
+            t && /* @__PURE__ */ e.jsx(V, {}),
+            "Delete"
+          ] })
+        ] }),
+        children: [
+          /* @__PURE__ */ e.jsx("p", { children: "Are you sure you want to delete this run?" }),
+          o && /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm mt-2", children: z(o.run_id) }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-sm text-danger mt-2", children: "This action cannot be undone." })
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ e.jsx(
+    ce,
+    {
+      message: "No runs found",
+      hint: i ?? "Try adjusting your filters"
+    }
+  );
+}
+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));
+  xe(() => {
+    if (d) {
+      const w = setTimeout(() => o(null), 3e3);
+      return () => clearTimeout(w);
+    }
+  }, [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) => {
+    try {
+      await f.mutate(w), o({ message: "Run deleted", variant: "success" }), g();
+    } catch {
+      o({ message: "Failed to delete run", variant: "error" });
+    }
+  }, [f, g]);
+  return /* @__PURE__ */ e.jsxs(G, { children: [
+    /* @__PURE__ */ e.jsx(_e, { title: "Runs" }),
+    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(kr, { children: [
+      /* @__PURE__ */ e.jsxs(X, { children: [
+        /* @__PURE__ */ e.jsx(re, { htmlFor: "project", children: "Project" }),
+        /* @__PURE__ */ e.jsxs(
+          ae,
+          {
+            id: "project",
+            value: m.project,
+            onChange: (w) => R("project", w.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))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(X, { children: [
+        /* @__PURE__ */ e.jsx(re, { htmlFor: "status", children: "Status" }),
+        /* @__PURE__ */ e.jsxs(
+          ae,
+          {
+            id: "status",
+            value: m.status,
+            onChange: (w) => R("status", w.target.value),
+            children: [
+              /* @__PURE__ */ e.jsx("option", { value: "", children: "All" }),
+              /* @__PURE__ */ e.jsx("option", { value: "FINISHED", children: "Finished" }),
+              /* @__PURE__ */ e.jsx("option", { value: "FAILED", children: "Failed" }),
+              /* @__PURE__ */ e.jsx("option", { value: "RUNNING", children: "Running" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(X, { children: [
+        /* @__PURE__ */ e.jsx(re, { htmlFor: "q", children: "Query" }),
+        /* @__PURE__ */ e.jsx(
+          Qe,
+          {
+            id: "q",
+            value: m.q,
+            onChange: (w) => R("q", w.target.value),
+            placeholder: "metric.fidelity > 0.9"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(X, { children: [
+        /* @__PURE__ */ e.jsx(re, { htmlFor: "limit", children: "Limit" }),
+        /* @__PURE__ */ e.jsxs(
+          ae,
+          {
+            id: "limit",
+            value: m.limit,
+            onChange: (w) => R("limit", parseInt(w.target.value, 10)),
+            children: [
+              /* @__PURE__ */ e.jsx("option", { value: "25", children: "25" }),
+              /* @__PURE__ */ e.jsx("option", { value: "50", children: "50" }),
+              /* @__PURE__ */ e.jsx("option", { value: "100", children: "100" })
+            ]
+          }
+        )
+      ] }),
+      /* @__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(N, { children: x && !u ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(V, {}) }) : /* @__PURE__ */ e.jsx(
+      Ze,
+      {
+        runs: u?.runs ?? [],
+        onDelete: K,
+        loading: f.loading,
+        baselineRunId: m.project ? i?.find((w) => w.name === m.project)?.baseline?.run_id : void 0
+      }
+    ) }),
+    d && /* @__PURE__ */ e.jsx(
+      Be,
+      {
+        message: d.message,
+        variant: d.variant,
+        visible: !!d,
+        onClose: () => o(null)
+      }
+    )
+  ] });
+}
+function Ps({ projects: s, currentWorkspace: n }) {
+  if (!s.length)
+    return /* @__PURE__ */ e.jsx(
+      ce,
+      {
+        message: "No projects yet",
+        hint: "Projects are created automatically when you log runs"
+      }
+    );
+  const t = (i) => {
+    const d = new URLSearchParams({ project: i });
+    return n && d.set("workspace", n.id), `/runs?${d}`;
+  };
+  return /* @__PURE__ */ e.jsxs(L, { children: [
+    /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsx(y, { children: "Project" }),
+      /* @__PURE__ */ e.jsx(y, { children: "Runs" }),
+      /* @__PURE__ */ e.jsx(y, { children: "Baseline" }),
+      /* @__PURE__ */ e.jsx(y, {})
+    ] }) }),
+    /* @__PURE__ */ e.jsx(I, { children: s.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) })
+      ] }),
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: i.run_count ?? 0 }) }),
+      /* @__PURE__ */ e.jsx(c, { children: i.baseline ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(q, { to: `/runs/${i.baseline.run_id}`, className: "font-mono text-sm", children: z(i.baseline.run_id) }),
+        i.baseline.run_name && /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm", children: i.baseline.run_name })
+      ] }) : /* @__PURE__ */ e.jsx("span", { className: "text-muted", children: "—" }) }),
+      /* @__PURE__ */ e.jsx(c, { className: "text-right", children: /* @__PURE__ */ e.jsx(q, { to: t(i.name), children: /* @__PURE__ */ e.jsx(F, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
+    ] }, i.name)) })
+  ] });
+}
+function Ss({ groups: s }) {
+  return s.length ? /* @__PURE__ */ e.jsxs(L, { children: [
+    /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsx(y, { children: "Group ID" }),
+      /* @__PURE__ */ e.jsx(y, { children: "Name" }),
+      /* @__PURE__ */ e.jsx(y, { children: "Project" }),
+      /* @__PURE__ */ e.jsx(y, { children: "Runs" }),
+      /* @__PURE__ */ e.jsx(y, { children: "Actions" })
+    ] }) }),
+    /* @__PURE__ */ e.jsx(I, { children: s.map((n) => /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: z(n.group_id) }),
+      /* @__PURE__ */ e.jsx(c, { children: n.group_name || "—" }),
+      /* @__PURE__ */ e.jsx(c, { children: n.project }),
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: n.run_count }) }),
+      /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(q, { to: `/groups/${n.group_id}`, children: /* @__PURE__ */ e.jsx(F, { variant: "secondary", size: "sm", children: "View Runs" }) }) })
+    ] }, n.group_id)) })
+  ] }) : /* @__PURE__ */ e.jsx(
+    ce,
+    {
+      message: "No groups found",
+      hint: "Groups are created when runs have a group_id set"
+    }
+  );
+}
+function Ds() {
+  const { runId: s } = Xe(), n = os(), { api: t } = W(), { data: i, loading: d, error: o, refetch: m } = Pr(s), { data: a, refetch: u } = $e(), [x, g] = O(!1), [f, R] = O(null), { mutate: K, loading: w } = ye(
+    () => t.setBaseline(i.project, i.run_id)
+  ), { mutate: Q, loading: J } = ye(
+    () => t.deleteRun(s)
+  ), P = a?.find((b) => b.name === i?.project)?.baseline?.run_id === s;
+  if (xe(() => {
+    if (f) {
+      const b = setTimeout(() => R(null), 3e3);
+      return () => clearTimeout(b);
+    }
+  }, [f]), d)
+    return /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(V, {}) }) });
+  if (o || !i)
+    return /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(
+      ce,
+      {
+        message: "Run not found",
+        hint: o?.message || `Run ${s} does not exist`
+      }
+    ) }) });
+  const le = i.backend || {}, oe = i.fingerprints || {}, Z = i.data?.params || {}, Re = i.data?.metrics || {}, we = i.data?.tags || {}, de = i.artifacts || [], me = i.errors || [], Le = async () => {
+    try {
+      await K(), await u(), m(), R({ message: "Baseline updated", variant: "success" });
+    } catch {
+      R({ message: "Failed to set baseline", variant: "error" });
+    }
+  }, Ie = async () => {
+    try {
+      await Q(), g(!1), R({ message: "Run deleted", variant: "success" }), setTimeout(() => n("/runs"), 1e3);
+    } catch {
+      R({ message: "Failed to delete run", variant: "error" }), g(!1);
+    }
+  }, Ee = async (b) => {
+    const C = de[b];
+    try {
+      const se = t.getArtifactDownloadUrl(i.run_id, b), je = await fetch(se);
+      if (!je.ok) throw new Error("Download failed");
+      const Te = await je.blob(), ne = document.createElement("a");
+      ne.href = URL.createObjectURL(Te), ne.download = C?.kind || `artifact-${b}`, ne.click(), URL.revokeObjectURL(ne.href), R({ message: "Download started", variant: "success" });
+    } catch {
+      R({ message: "Download failed", variant: "error" });
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(G, { children: [
+    P && /* @__PURE__ */ e.jsxs("div", { className: "alert alert-info mb-4", children: [
+      'This run is the current baseline for project "',
+      i.project,
+      '"'
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "page-header", children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h1", { className: "page-title", children: i.run_name || "Unnamed Run" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-muted text-sm font-mono", children: i.run_id })
+      ] }),
+      /* @__PURE__ */ e.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, {}),
+          "Set as Baseline"
+        ] }),
+        /* @__PURE__ */ e.jsx(F, { variant: "ghost-danger", size: "sm", onClick: () => g(!0), children: "Delete" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Overview" }) }),
+        /* @__PURE__ */ e.jsx(Je, { items: [
+          { label: "Project", value: /* @__PURE__ */ e.jsx(q, { to: `/runs?project=${i.project}`, children: i.project }) },
+          { label: "Name", value: i.run_name || "—" },
+          { label: "Adapter", value: i.adapter || "N/A" },
+          { label: "Status", value: /* @__PURE__ */ e.jsx(Ar, { status: i.status }) },
+          { label: "Created", value: `${i.created_at} (${Fe(i.created_at)})` },
+          { label: "Backend", value: le.name || "N/A" },
+          ...i.group_id ? [{
+            label: "Group",
+            value: /* @__PURE__ */ e.jsx(q, { to: `/groups/${i.group_id}`, children: i.group_name || z(i.group_id) })
+          }] : []
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Fingerprints" }) }),
+        /* @__PURE__ */ e.jsx(Je, { items: [
+          { label: "Run", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: oe.run || "N/A" }) },
+          { label: "Program", value: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm truncate", children: oe.program || "N/A" }) }
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-4", children: [
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Parameters" }) }),
+        Object.keys(Z).length ? /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsx(I, { children: Object.entries(Z).map(([b, C]) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: b }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(C) })
+        ] }, b)) }) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No parameters" })
+      ] }),
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Metrics" }) }),
+        Object.keys(Re).length ? /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsx(I, { children: Object.entries(Re).map(([b, C]) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: b }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: typeof C == "number" ? _s(C) : String(C) })
+        ] }, b)) }) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No metrics" })
+      ] }),
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Tags" }) }),
+        Object.keys(we).length ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: Object.entries(we).map(([b, C]) => /* @__PURE__ */ e.jsxs(B, { variant: "gray", children: [
+          b,
+          ": ",
+          String(C)
+        ] }, b)) }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No tags" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsxs(k, { children: [
+        "Artifacts (",
+        de.length,
+        ")"
+      ] }) }),
+      de.length ? /* @__PURE__ */ e.jsxs(L, { children: [
+        /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(y, { children: "#" }),
+          /* @__PURE__ */ e.jsx(y, { children: "Kind" }),
+          /* @__PURE__ */ e.jsx(y, { children: "Role" }),
+          /* @__PURE__ */ e.jsx(y, { children: "Media Type" }),
+          /* @__PURE__ */ e.jsx(y, { children: "Digest" }),
+          /* @__PURE__ */ e.jsx(y, { children: "Actions" })
+        ] }) }),
+        /* @__PURE__ */ e.jsx(I, { children: de.map((b, C) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: C }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: b.kind }),
+          /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(B, { variant: "gray", children: b.role }) }),
+          /* @__PURE__ */ e.jsx(c, { className: "text-muted text-sm", children: b.media_type }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: Ke(b.digest) }),
+          /* @__PURE__ */ e.jsx(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" })
+          ] }) })
+        ] }, C)) })
+      ] }) : /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No artifacts" })
+    ] }),
+    me.length > 0 && /* @__PURE__ */ e.jsxs(N, { children: [
+      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { className: "text-danger", children: "Errors" }) }),
+      me.map((b, C) => /* @__PURE__ */ e.jsxs("div", { className: "mb-2", children: [
+        /* @__PURE__ */ e.jsx("strong", { children: b.type }),
+        ": ",
+        b.message,
+        b.traceback && /* @__PURE__ */ e.jsx("pre", { className: "mt-2", children: b.traceback })
+      ] }, C))
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      Dr,
+      {
+        open: x,
+        onClose: () => g(!1),
+        title: "Delete Run",
+        actions: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(F, { variant: "secondary", onClick: () => g(!1), children: "Cancel" }),
+          /* @__PURE__ */ e.jsxs(F, { variant: "danger", onClick: Ie, disabled: J, children: [
+            J && /* @__PURE__ */ e.jsx(V, {}),
+            "Delete"
+          ] })
+        ] }),
+        children: [
+          /* @__PURE__ */ e.jsx("p", { children: "Are you sure you want to delete this run?" }),
+          /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm mt-2", children: z(i.run_id) }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-sm text-danger mt-2", children: "This action cannot be undone." })
+        ]
+      }
+    ),
+    f && /* @__PURE__ */ e.jsx(
+      Be,
+      {
+        message: f.message,
+        variant: f.variant,
+        visible: !!f,
+        onClose: () => R(null)
+      }
+    )
+  ] });
+}
+function ks() {
+  const { currentWorkspace: s } = W(), { data: n, loading: t } = $e();
+  return /* @__PURE__ */ e.jsxs(G, { children: [
+    /* @__PURE__ */ e.jsx(_e, { title: "Projects" }),
+    /* @__PURE__ */ e.jsx(N, { children: t ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(V, {}) }) : /* @__PURE__ */ e.jsx(Ps, { projects: n ?? [], currentWorkspace: s }) })
+  ] });
+}
+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]);
+  return /* @__PURE__ */ e.jsxs(G, { children: [
+    /* @__PURE__ */ e.jsx(_e, { title: "Run Groups" }),
+    /* @__PURE__ */ e.jsx(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(kr, { children: [
+      /* @__PURE__ */ e.jsxs(X, { children: [
+        /* @__PURE__ */ e.jsx(re, { htmlFor: "project", children: "Project" }),
+        /* @__PURE__ */ e.jsxs(
+          ae,
+          {
+            id: "project",
+            value: i,
+            onChange: (x) => u(x.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))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(X, { className: "flex items-end gap-2", children: [
+        /* @__PURE__ */ e.jsx(F, { variant: "primary", onClick: () => a(), children: "Filter" }),
+        m && /* @__PURE__ */ e.jsx(V, {})
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e.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 ?? [] }) })
+  ] });
+}
+function Fs() {
+  const { groupId: s } = Xe(), { api: n } = W(), { data: t, loading: i, error: d, refetch: o } = bs(s), [m, a] = O(null), u = ye((g) => n.deleteRun(g));
+  xe(() => {
+    if (m) {
+      const g = setTimeout(() => a(null), 3e3);
+      return () => clearTimeout(g);
+    }
+  }, [m]);
+  const x = async (g) => {
+    try {
+      await u.mutate(g), a({ message: "Run deleted", variant: "success" }), o();
+    } catch {
+      a({ message: "Failed to delete run", variant: "error" });
+    }
+  };
+  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: [
+    /* @__PURE__ */ e.jsx(
+      _e,
+      {
+        title: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          "Group ",
+          /* @__PURE__ */ e.jsx("span", { className: "font-mono", children: z(s) })
+        ] }),
+        subtitle: /* @__PURE__ */ e.jsx("span", { className: "font-mono text-muted", children: s })
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(N, { children: [
+      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsxs(k, { children: [
+        "Runs in Group (",
+        t.runs.length,
+        ")"
+      ] }) }),
+      /* @__PURE__ */ e.jsx(
+        Ze,
+        {
+          runs: t.runs,
+          onDelete: x,
+          loading: u.loading
+        }
+      )
+    ] }),
+    m && /* @__PURE__ */ e.jsx(
+      Be,
+      {
+        message: m.message,
+        variant: m.variant,
+        visible: !!m,
+        onClose: () => a(null)
+      }
+    )
+  ] });
+}
+function ve({ match: s, yesText: n = "✓ Match", noText: t = "✗ Different" }) {
+  return /* @__PURE__ */ e.jsx("span", { className: s ? "diff-match" : "diff-mismatch", children: s ? n : t });
+}
+function Os() {
+  const [s, n] = Oe(), { data: t } = Cr({ limit: 100 }), i = t?.runs ?? [], [d, o] = O(s.get("a") || ""), [m, a] = O(s.get("b") || ""), [u, x] = O(""), g = (f) => {
+    if (f.preventDefault(), !d || !m) {
+      x("Please select both runs to compare");
+      return;
+    }
+    x(""), n({ a: d, b: m });
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs("form", { onSubmit: g, children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
+        /* @__PURE__ */ e.jsxs(X, { children: [
+          /* @__PURE__ */ e.jsx(re, { htmlFor: "a", children: "Run A (Baseline)" }),
+          /* @__PURE__ */ e.jsxs(ae, { id: "a", value: d, onChange: (f) => {
+            o(f.target.value), x("");
+          }, children: [
+            /* @__PURE__ */ e.jsx("option", { value: "", children: "Select run..." }),
+            i.map((f) => /* @__PURE__ */ e.jsxs("option", { value: f.run_id, children: [
+              f.run_name || "Unnamed",
+              " (",
+              z(f.run_id),
+              ") — ",
+              f.project
+            ] }, f.run_id))
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsxs(X, { children: [
+          /* @__PURE__ */ e.jsx(re, { htmlFor: "b", children: "Run B (Candidate)" }),
+          /* @__PURE__ */ e.jsxs(ae, { id: "b", value: m, onChange: (f) => {
+            a(f.target.value), x("");
+          }, children: [
+            /* @__PURE__ */ e.jsx("option", { value: "", children: "Select run..." }),
+            i.map((f) => /* @__PURE__ */ e.jsxs("option", { value: f.run_id, children: [
+              f.run_name || "Unnamed",
+              " (",
+              z(f.run_id),
+              ") — ",
+              f.project
+            ] }, f.run_id))
+          ] })
+        ] })
+      ] }),
+      u && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-danger mb-3", children: u }),
+      /* @__PURE__ */ e.jsx("div", { className: "pt-2", children: /* @__PURE__ */ e.jsx(F, { type: "submit", variant: "primary", children: "Compare" }) })
+    ] }) }),
+    /* @__PURE__ */ e.jsxs(N, { 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" }),
+        /* @__PURE__ */ e.jsx("li", { children: "The diff will show changed values and compute TVD for result distributions" }),
+        /* @__PURE__ */ e.jsx("li", { children: "You can also compare from the run detail page" })
+      ] })
+    ] })
+  ] });
+}
+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;
+  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("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(N, { className: "mb-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h3", { className: "text-sm text-muted uppercase tracking-wider mb-1", children: "Run A (Baseline)" }),
+        /* @__PURE__ */ e.jsx("p", { children: /* @__PURE__ */ e.jsx(q, { to: `/runs/${o.run_id}`, children: o.run_name || "Unnamed Run" }) }),
+        /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm text-muted", children: z(o.run_id) }),
+        /* @__PURE__ */ e.jsxs("p", { className: "text-muted text-sm", children: [
+          o.project,
+          " · ",
+          Fe(o.created_at)
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h3", { className: "text-sm text-muted uppercase tracking-wider mb-1", children: "Run B (Candidate)" }),
+        /* @__PURE__ */ e.jsx("p", { children: /* @__PURE__ */ e.jsx(q, { to: `/runs/${m.run_id}`, children: m.run_name || "Unnamed Run" }) }),
+        /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm text-muted", children: z(m.run_id) }),
+        /* @__PURE__ */ e.jsxs("p", { className: "text-muted text-sm", children: [
+          m.project,
+          " · ",
+          Fe(m.created_at)
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Metadata" }) }),
+        /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
+          /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsx(c, { children: "Project" }),
+            /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(ve, { match: a.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 }) })
+          ] }),
+          !a.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.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" })
+            ] })
+          ] }),
+          !a.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.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.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Fingerprints" }) }),
+        /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
+          /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsx(c, { children: "Run A" }),
+            /* @__PURE__ */ e.jsx(c, { className: "font-mono text-sm", children: Ke(a.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.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.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsxs(k, { children: [
+          "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" })
+        ] }) }),
+        /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { 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.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.jsxs(N, { 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" })
+        ] }) }),
+        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" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs(N, { 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" })
+      ] }) }),
+      a.params.match ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "All parameters match" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: a.params.changed && Object.keys(a.params.changed).length > 0 && /* @__PURE__ */ e.jsxs(L, { children: [
+        /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(y, { children: "Parameter" }),
+          /* @__PURE__ */ e.jsx(y, { children: "Run A" }),
+          /* @__PURE__ */ e.jsx(y, { children: "Run B" })
+        ] }) }),
+        /* @__PURE__ */ e.jsx(I, { children: Object.entries(a.params.changed).map(([u, x]) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: u }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(x.a) }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(x.b) })
+        ] }, u)) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e.jsxs(N, { 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" })
+      ] }) }),
+      a.metrics.match ? /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "All metrics match" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: a.metrics.changed && Object.keys(a.metrics.changed).length > 0 && /* @__PURE__ */ e.jsxs(L, { children: [
+        /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(y, { children: "Metric" }),
+          /* @__PURE__ */ e.jsx(y, { children: "Run A" }),
+          /* @__PURE__ */ e.jsx(y, { children: "Run B" })
+        ] }) }),
+        /* @__PURE__ */ e.jsx(I, { children: Object.entries(a.metrics.changed).map(([u, x]) => /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: u }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: x.a }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: x.b })
+        ] }, u)) })
+      ] }) })
+    ] }),
+    a.circuit_diff && /* @__PURE__ */ e.jsxs(N, { 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" })
+      ] }) }),
+      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: [
+          /* @__PURE__ */ e.jsx("h4", { className: "text-sm text-muted mb-2", children: "Changed" }),
+          /* @__PURE__ */ e.jsxs(L, { children: [
+            /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(y, { children: "Property" }),
+              /* @__PURE__ */ e.jsx(y, { children: "Run A" }),
+              /* @__PURE__ */ e.jsx(y, { children: "Run B" }),
+              /* @__PURE__ */ e.jsx(y, { children: "Delta" })
+            ] }) }),
+            /* @__PURE__ */ e.jsx(I, { children: Object.entries(a.circuit_diff.changed).map(([u, x]) => /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { children: x.label || u }),
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(x.a) }),
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: String(x.b) }),
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: x.delta != null && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                x.delta > 0 ? "+" : "",
+                x.delta,
+                x.pct != null && ` (${x.pct > 0 ? "+" : ""}${x.pct.toFixed(1)}%)`
+              ] }) })
+            ] }, u)) })
+          ] })
+        ] }),
+        a.circuit_diff.is_clifford_changed && /* @__PURE__ */ e.jsxs("div", { className: "mt-4", children: [
+          /* @__PURE__ */ e.jsx("h4", { className: "text-sm text-muted mb-2", children: "Clifford Status" }),
+          /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(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.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" })
+            ] })
+          ] }) })
+        ] }),
+        a.circuit_diff.added_gates && a.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(", ") })
+        ] }),
+        a.circuit_diff.removed_gates && a.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(", ") })
+        ] })
+      ] })
+    ] }),
+    a.tvd != null && /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Results" }) }),
+      /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
+        /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { children: "Total Variation Distance (TVD)" }),
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: a.tvd.toFixed(6) })
+        ] }),
+        a.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,
+            " / ",
+            a.shots.b
+          ] })
+        ] }),
+        a.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) })
+        ] }),
+        a.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) })
+        ] })
+      ] }) }),
+      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: [
+        "⚠ Borderline (p=",
+        a.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),
+        ") — 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: [
+        "⚠ Ambiguous (",
+        a.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),
+        "×) — results show meaningful differences."
+      ] }) : null })
+    ] })
+  ] });
+}
+function Bs() {
+  const [s] = Oe(), n = s.get("a"), t = s.get("b"), i = n && t;
+  return /* @__PURE__ */ e.jsxs(G, { children: [
+    /* @__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" })
+      ] }),
+      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, {})
+  ] });
+}
+function Ls() {
+  const { api: s } = W(), [n, t] = O(""), [i, d] = O(null), [o, m] = O(!1), [a, u] = O(""), { mutate: x, loading: g } = ye(async () => {
+    const R = await s.listRuns({ q: n, limit: 100 });
+    return d(R.runs), m(!0), R;
+  }), f = (R) => {
+    if (R.preventDefault(), !n.trim()) {
+      u("Please enter a search query");
+      return;
+    }
+    u(""), x();
+  };
+  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.jsxs(X, { children: [
+        /* @__PURE__ */ e.jsx(re, { htmlFor: "q", children: "Query" }),
+        /* @__PURE__ */ e.jsx(
+          Qe,
+          {
+            id: "q",
+            type: "text",
+            value: n,
+            onChange: (R) => {
+              t(R.target.value), u("");
+            },
+            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, {}),
+          "Search"
+        ] }),
+        g && /* @__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" }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Query Syntax" }) }),
+        /* @__PURE__ */ e.jsxs(L, { children: [
+          /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsx(y, { children: "Field" }),
+            /* @__PURE__ */ e.jsx(y, { children: "Description" })
+          ] }) }),
+          /* @__PURE__ */ e.jsxs(I, { children: [
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "params.X" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Parameter value" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "metric.X" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Metric value" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "tags.X" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Tag value" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "status" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Run status" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "project" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Project name" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "backend" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Backend name" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(N, { children: [
+        /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Operators" }) }),
+        /* @__PURE__ */ e.jsxs(L, { children: [
+          /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+            /* @__PURE__ */ e.jsx(y, { children: "Operator" }),
+            /* @__PURE__ */ e.jsx(y, { children: "Description" })
+          ] }) }),
+          /* @__PURE__ */ e.jsxs(I, { children: [
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "=" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Equals" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "!=" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Not equals" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: ">" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Greater than" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: ">=" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Greater or equal" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "<" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Less than" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "<=" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Less or equal" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "~" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Contains" })
+            ] }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "and" }),
+              /* @__PURE__ */ e.jsx(c, { children: "Combine conditions" })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs(N, { className: "mt-4", children: [
+      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(k, { children: "Examples" }) }),
+      /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsxs(I, { children: [
+        /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "metric.fidelity > 0.95" }),
+          /* @__PURE__ */ e.jsx(c, { children: "High fidelity runs" })
+        ] }),
+        /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "params.shots = 1000 and status = FINISHED" }),
+          /* @__PURE__ */ e.jsx(c, { children: "Finished runs with 1000 shots" })
+        ] }),
+        /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "tags.backend ~ ibm" }),
+          /* @__PURE__ */ e.jsx(c, { children: "Runs with IBM backends" })
+        ] }),
+        /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "metric.error < 0.01" }),
+          /* @__PURE__ */ e.jsx(c, { children: "Low error runs" })
+        ] }),
+        /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(c, { className: "font-mono", children: "project = vqe and metric.energy < -2.0" }),
+          /* @__PURE__ */ e.jsx(c, { children: "VQE runs with low energy" })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+function Is() {
+  const { runId: s, index: n } = Xe(), t = parseInt(n, 10), { api: i } = W(), { data: d } = Pr(s), { data: o, loading: m, error: a } = ys(s, t), [u, x] = O(null);
+  xe(() => {
+    if (u) {
+      const P = setTimeout(() => x(null), 3e3);
+      return () => clearTimeout(P);
+    }
+  }, [u]);
+  const g = async () => {
+    try {
+      const P = i.getArtifactDownloadUrl(s, t), le = await fetch(P);
+      if (!le.ok) throw new Error("Download failed");
+      const oe = await le.blob(), Z = document.createElement("a");
+      Z.href = URL.createObjectURL(oe), Z.download = f?.kind || `artifact-${t}`, Z.click(), URL.revokeObjectURL(Z.href), x({ message: "Download started", variant: "success" });
+    } catch {
+      x({ message: "Download failed", variant: "error" });
+    }
+  };
+  if (m)
+    return /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e.jsx(V, {}) }) });
+  if (a || !o)
+    return /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(ce, { message: "Artifact not found", hint: a?.message }) }) });
+  const { artifact: f, size: R, content: K, content_json: w, preview_available: Q, error: J } = o, H = 10 * 1024 * 1024;
+  return /* @__PURE__ */ e.jsxs(G, { children: [
+    /* @__PURE__ */ e.jsx(
+      _e,
+      {
+        title: f.kind,
+        subtitle: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          "← Back to run ",
+          /* @__PURE__ */ e.jsxs(q, { to: `/runs/${s}`, children: [
+            z(s),
+            d?.run_name && ` — ${d.run_name}`
+          ] })
+        ] }),
+        actions: /* @__PURE__ */ e.jsx(F, { variant: "primary", onClick: g, 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.jsxs(N, { 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: [
+        "Binary content (",
+        Ae(R),
+        ") — 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),
+          " 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" }) })
+      ] })
+    ] }),
+    u && /* @__PURE__ */ e.jsx(
+      Be,
+      {
+        message: u.message,
+        variant: u.variant,
+        visible: !!u,
+        onClose: () => x(null)
+      }
+    )
+  ] });
+}
+const Us = [
+  { path: "/", element: /* @__PURE__ */ e.jsx(ds, { to: "/runs", replace: !0 }) },
+  { path: "/runs", element: /* @__PURE__ */ e.jsx(Cs, {}) },
+  { path: "/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, {}) }
+];
+function Fr(s = []) {
+  return us([...Us, ...s]);
+}
+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 }) });
+}
+export {
+  Ys as Alert,
+  fs as ApiClient,
+  Ne as ApiError,
+  zs as App,
+  gs as AppProvider,
+  Is as ArtifactPage,
+  B as Badge,
+  F as Button,
+  N as Card,
+  D as CardHeader,
+  k as CardTitle,
+  Bs as DiffPage,
+  ce as EmptyState,
+  X as FormGroup,
+  kr as FormRow,
+  Fs as GroupDetailPage,
+  As as GroupsPage,
+  Ss as GroupsTable,
+  Qe as Input,
+  Je as KVList,
+  re as Label,
+  G as Layout,
+  Ws as LayoutConfigProvider,
+  Dr as Modal,
+  _e as PageHeader,
+  ks as ProjectsPage,
+  Ps as ProjectsTable,
+  Ds as RunDetailPage,
+  Cs as RunsPage,
+  Ze as RunsTable,
+  Ls as SearchPage,
+  ae as Select,
+  V as Spinner,
+  Ar as StatusBadge,
+  L as Table,
+  I as TableBody,
+  c as TableCell,
+  ee as TableHead,
+  y as TableHeader,
+  j as TableRow,
+  Be as Toast,
+  ps as api,
+  Vs as buildUrl,
+  $ as cn,
+  Us as coreRoutes,
+  Fr as createRouter,
+  Ae as formatBytes,
+  _s as formatNumber,
+  Rs as jsonPretty,
+  Ms as router,
+  Ke as shortDigest,
+  z as shortId,
+  Fe as timeAgo,
+  ws as truncate,
+  W as useApp,
+  ys as useArtifact,
+  Ns as useDiff,
+  bs as useGroup,
+  vs as useGroups,
+  Ts as useLayoutConfig,
+  ye as useMutation,
+  $e as useProjects,
+  Pr as useRun,
+  Cr as useRuns
+};