@motiadev/plugin-bullmq 0.13.0-beta.162-717198

package/dist/index.js

@@ -0,0 +1,2636 @@
+import * as T from "react";
+import de, { useCallback as C, useEffect as ie, forwardRef as _t, createElement as Me, useState as I, createContext as ln, useContext as le, isValidElement as cn, useRef as qe, useMemo as ye, memo as Y } from "react";
+import { Button as Z, TooltipProvider as Rt, Tooltip as ee, TooltipTrigger as te, TooltipContent as ne, Table as Tt, TableHeader as Mt, TableRow as Ne, TableHead as B, TableBody as Ot, TableCell as K, Sidebar as Pt, cn as re, DropdownMenu as Lt, DropdownMenuTrigger as Qt, DropdownMenuContent as Jt, DropdownMenuItem as ue, DropdownMenuSeparator as dn, Tabs as un, TabsList as fn, TabsTrigger as mn, Input as hn } from "@motiadev/ui";
+var be = { exports: {} }, he = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var tt;
+function pn() {
+  if (tt) return he;
+  tt = 1;
+  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function s(a, o, i) {
+    var r = null;
+    if (i !== void 0 && (r = "" + i), o.key !== void 0 && (r = "" + o.key), "key" in o) {
+      i = {};
+      for (var c in o)
+        c !== "key" && (i[c] = o[c]);
+    } else i = o;
+    return o = i.ref, {
+      $$typeof: e,
+      type: a,
+      key: r,
+      ref: o !== void 0 ? o : null,
+      props: i
+    };
+  }
+  return he.Fragment = n, he.jsx = s, he.jsxs = s, he;
+}
+var pe = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var nt;
+function xn() {
+  return nt || (nt = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(l) {
+      if (l == null) return null;
+      if (typeof l == "function")
+        return l.$$typeof === X ? null : l.displayName || l.name || null;
+      if (typeof l == "string") return l;
+      switch (l) {
+        case j:
+          return "Fragment";
+        case g:
+          return "Profiler";
+        case _:
+          return "StrictMode";
+        case w:
+          return "Suspense";
+        case A:
+          return "SuspenseList";
+        case P:
+          return "Activity";
+      }
+      if (typeof l == "object")
+        switch (typeof l.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), l.$$typeof) {
+          case v:
+            return "Portal";
+          case S:
+            return (l.displayName || "Context") + ".Provider";
+          case b:
+            return (l._context.displayName || "Context") + ".Consumer";
+          case N:
+            var y = l.render;
+            return l = l.displayName, l || (l = y.displayName || y.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case E:
+            return y = l.displayName || null, y !== null ? y : e(l.type) || "Memo";
+          case W:
+            y = l._payload, l = l._init;
+            try {
+              return e(l(y));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(l) {
+      return "" + l;
+    }
+    function s(l) {
+      try {
+        n(l);
+        var y = !1;
+      } catch {
+        y = !0;
+      }
+      if (y) {
+        y = console;
+        var D = y.error, p = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return D.call(
+          y,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          p
+        ), n(l);
+      }
+    }
+    function a(l) {
+      if (l === j) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === W)
+        return "<...>";
+      try {
+        var y = e(l);
+        return y ? "<" + y + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var l = L.A;
+      return l === null ? null : l.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function r(l) {
+      if (Q.call(l, "key")) {
+        var y = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (y && y.isReactWarning) return !1;
+      }
+      return l.key !== void 0;
+    }
+    function c(l, y) {
+      function D() {
+        O || (O = !0, console.error(
+          "%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://react.dev/link/special-props)",
+          y
+        ));
+      }
+      D.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: D,
+        configurable: !0
+      });
+    }
+    function d() {
+      var l = e(this.type);
+      return $[l] || ($[l] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), l = this.props.ref, l !== void 0 ? l : null;
+    }
+    function m(l, y, D, p, k, V, Ae, _e) {
+      return D = V.ref, l = {
+        $$typeof: h,
+        type: l,
+        key: y,
+        props: V,
+        _owner: k
+      }, (D !== void 0 ? D : null) !== null ? Object.defineProperty(l, "ref", {
+        enumerable: !1,
+        get: d
+      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(l, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(l, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Ae
+      }), Object.defineProperty(l, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: _e
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+    }
+    function f(l, y, D, p, k, V, Ae, _e) {
+      var F = y.children;
+      if (F !== void 0)
+        if (p)
+          if (z(F)) {
+            for (p = 0; p < F.length; p++)
+              x(F[p]);
+            Object.freeze && Object.freeze(F);
+          } else
+            console.error(
+              "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 x(F);
+      if (Q.call(y, "key")) {
+        F = e(l);
+        var ce = Object.keys(y).filter(function(on) {
+          return on !== "key";
+        });
+        p = 0 < ce.length ? "{key: someKey, " + ce.join(": ..., ") + ": ...}" : "{key: someKey}", U[F + p] || (ce = 0 < ce.length ? "{" + ce.join(": ..., ") + ": ...}" : "{}", console.error(
+          `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} />`,
+          p,
+          F,
+          ce,
+          F
+        ), U[F + p] = !0);
+      }
+      if (F = null, D !== void 0 && (s(D), F = "" + D), r(y) && (s(y.key), F = "" + y.key), "key" in y) {
+        D = {};
+        for (var Re in y)
+          Re !== "key" && (D[Re] = y[Re]);
+      } else D = y;
+      return F && c(
+        D,
+        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
+      ), m(
+        l,
+        F,
+        V,
+        k,
+        o(),
+        D,
+        Ae,
+        _e
+      );
+    }
+    function x(l) {
+      typeof l == "object" && l !== null && l.$$typeof === h && l._store && (l._store.validated = 1);
+    }
+    var u = de, h = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), S = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), L = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Q = Object.prototype.hasOwnProperty, z = Array.isArray, q = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    u = {
+      react_stack_bottom_frame: function(l) {
+        return l();
+      }
+    };
+    var O, $ = {}, R = u.react_stack_bottom_frame.bind(
+      u,
+      i
+    )(), H = q(a(i)), U = {};
+    pe.Fragment = j, pe.jsx = function(l, y, D, p, k) {
+      var V = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return f(
+        l,
+        y,
+        D,
+        !1,
+        p,
+        k,
+        V ? Error("react-stack-top-frame") : R,
+        V ? q(a(l)) : H
+      );
+    }, pe.jsxs = function(l, y, D, p, k) {
+      var V = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return f(
+        l,
+        y,
+        D,
+        !0,
+        p,
+        k,
+        V ? Error("react-stack-top-frame") : R,
+        V ? q(a(l)) : H
+      );
+    };
+  }()), pe;
+}
+var st;
+function gn() {
+  return st || (st = 1, process.env.NODE_ENV === "production" ? be.exports = pn() : be.exports = xn()), be.exports;
+}
+var t = gn();
+const at = (e) => {
+  let n;
+  const s = /* @__PURE__ */ new Set(), a = (m, f) => {
+    const x = typeof m == "function" ? m(n) : m;
+    if (!Object.is(x, n)) {
+      const u = n;
+      n = f ?? (typeof x != "object" || x === null) ? x : Object.assign({}, n, x), s.forEach((h) => h(n, u));
+    }
+  }, o = () => n, c = { setState: a, getState: o, getInitialState: () => d, subscribe: (m) => (s.add(m), () => s.delete(m)) }, d = n = e(a, o, c);
+  return c;
+}, jn = (e) => e ? at(e) : at, bn = (e) => e;
+function vn(e, n = bn) {
+  const s = de.useSyncExternalStore(
+    e.subscribe,
+    de.useCallback(() => n(e.getState()), [e, n]),
+    de.useCallback(() => n(e.getInitialState()), [e, n])
+  );
+  return de.useDebugValue(s), s;
+}
+const rt = (e) => {
+  const n = jn(e), s = (a) => vn(n, a);
+  return Object.assign(s, n), s;
+}, yn = (e) => e ? rt(e) : rt, ot = {
+  queues: [],
+  selectedQueue: null,
+  jobs: [],
+  selectedJob: null,
+  selectedStatus: "waiting",
+  isLoading: !1,
+  error: null,
+  searchQuery: "",
+  jobDetailOpen: !1
+}, M = yn((e) => ({
+  ...ot,
+  setQueues: (n) => e({ queues: n }),
+  setSelectedQueue: (n) => e({ selectedQueue: n, jobs: [], selectedJob: null }),
+  updateSelectedQueueStats: (n) => e({ selectedQueue: n }),
+  setJobs: (n) => e({ jobs: n }),
+  setSelectedJob: (n) => e({ selectedJob: n }),
+  setSelectedStatus: (n) => e({ selectedStatus: n, jobs: [] }),
+  setLoading: (n) => e({ isLoading: n }),
+  setError: (n) => e({ error: n }),
+  setSearchQuery: (n) => e({ searchQuery: n }),
+  setJobDetailOpen: (n) => e({ jobDetailOpen: n }),
+  reset: () => e(ot)
+})), He = () => {
+  const { queues: e, setQueues: n, setLoading: s, setError: a, isLoading: o, error: i } = M(), r = C(async () => {
+    s(!0), a(null);
+    try {
+      const u = await fetch("/__motia/bullmq/queues");
+      if (!u.ok)
+        throw new Error("Failed to fetch queues");
+      const h = await u.json();
+      n(h.queues);
+    } catch (u) {
+      a(u instanceof Error ? u.message : "Unknown error");
+    } finally {
+      s(!1);
+    }
+  }, [n, s, a]), c = C(async (u) => {
+    try {
+      const h = await fetch(`/__motia/bullmq/queues/${encodeURIComponent(u)}`);
+      if (!h.ok)
+        throw new Error("Failed to fetch queue");
+      return await h.json();
+    } catch {
+      return null;
+    }
+  }, []), d = C(
+    async (u) => {
+      try {
+        await fetch(`/__motia/bullmq/queues/${encodeURIComponent(u)}/pause`, { method: "POST" }), await r();
+      } catch (h) {
+        a(h instanceof Error ? h.message : "Failed to pause queue");
+      }
+    },
+    [r, a]
+  ), m = C(
+    async (u) => {
+      try {
+        await fetch(`/__motia/bullmq/queues/${encodeURIComponent(u)}/resume`, { method: "POST" }), await r();
+      } catch (h) {
+        a(h instanceof Error ? h.message : "Failed to resume queue");
+      }
+    },
+    [r, a]
+  ), f = C(
+    async (u, h, v = 0, j = 1e3) => {
+      try {
+        await fetch(`/__motia/bullmq/queues/${encodeURIComponent(u)}/clean`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ status: h, grace: v, limit: j })
+        }), await r();
+      } catch (_) {
+        a(_ instanceof Error ? _.message : "Failed to clean queue");
+      }
+    },
+    [r, a]
+  ), x = C(
+    async (u) => {
+      try {
+        await fetch(`/__motia/bullmq/queues/${encodeURIComponent(u)}/drain`, { method: "POST" }), await r();
+      } catch (h) {
+        a(h instanceof Error ? h.message : "Failed to drain queue");
+      }
+    },
+    [r, a]
+  );
+  return ie(() => {
+    r();
+    const u = setInterval(r, 5e3);
+    return () => clearInterval(u);
+  }, [r]), {
+    queues: e,
+    isLoading: o,
+    error: i,
+    fetchQueues: r,
+    refreshQueue: c,
+    pauseQueue: d,
+    resumeQueue: m,
+    cleanQueue: f,
+    drainQueue: x
+  };
+};
+function J(e) {
+  const n = Object.prototype.toString.call(e);
+  return e instanceof Date || typeof e == "object" && n === "[object Date]" ? new e.constructor(+e) : typeof e == "number" || n === "[object Number]" || typeof e == "string" || n === "[object String]" ? new Date(e) : /* @__PURE__ */ new Date(NaN);
+}
+function wn(e, n) {
+  return e instanceof Date ? new e.constructor(n) : new Date(n);
+}
+const ve = 43200, it = 1440;
+let Nn = {};
+function Cn() {
+  return Nn;
+}
+function lt(e) {
+  const n = J(e), s = new Date(
+    Date.UTC(
+      n.getFullYear(),
+      n.getMonth(),
+      n.getDate(),
+      n.getHours(),
+      n.getMinutes(),
+      n.getSeconds(),
+      n.getMilliseconds()
+    )
+  );
+  return s.setUTCFullYear(n.getFullYear()), +e - +s;
+}
+function we(e, n) {
+  const s = J(e), a = J(n), o = s.getTime() - a.getTime();
+  return o < 0 ? -1 : o > 0 ? 1 : o;
+}
+function Sn(e) {
+  return wn(e, Date.now());
+}
+function kn(e, n) {
+  const s = J(e), a = J(n), o = s.getFullYear() - a.getFullYear(), i = s.getMonth() - a.getMonth();
+  return o * 12 + i;
+}
+function Dn(e) {
+  return (n) => {
+    const a = (e ? Math[e] : Math.trunc)(n);
+    return a === 0 ? 0 : a;
+  };
+}
+function En(e, n) {
+  return +J(e) - +J(n);
+}
+function An(e) {
+  const n = J(e);
+  return n.setHours(23, 59, 59, 999), n;
+}
+function _n(e) {
+  const n = J(e), s = n.getMonth();
+  return n.setFullYear(n.getFullYear(), s + 1, 0), n.setHours(23, 59, 59, 999), n;
+}
+function Rn(e) {
+  const n = J(e);
+  return +An(n) == +_n(n);
+}
+function Tn(e, n) {
+  const s = J(e), a = J(n), o = we(s, a), i = Math.abs(
+    kn(s, a)
+  );
+  let r;
+  if (i < 1)
+    r = 0;
+  else {
+    s.getMonth() === 1 && s.getDate() > 27 && s.setDate(30), s.setMonth(s.getMonth() - o * i);
+    let c = we(s, a) === -o;
+    Rn(J(e)) && i === 1 && we(e, a) === 1 && (c = !1), r = o * (i - Number(c));
+  }
+  return r === 0 ? 0 : r;
+}
+function Mn(e, n, s) {
+  const a = En(e, n) / 1e3;
+  return Dn(s?.roundingMethod)(a);
+}
+const On = {
+  lessThanXSeconds: {
+    one: "less than a second",
+    other: "less than {{count}} seconds"
+  },
+  xSeconds: {
+    one: "1 second",
+    other: "{{count}} seconds"
+  },
+  halfAMinute: "half a minute",
+  lessThanXMinutes: {
+    one: "less than a minute",
+    other: "less than {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "about 1 hour",
+    other: "about {{count}} hours"
+  },
+  xHours: {
+    one: "1 hour",
+    other: "{{count}} hours"
+  },
+  xDays: {
+    one: "1 day",
+    other: "{{count}} days"
+  },
+  aboutXWeeks: {
+    one: "about 1 week",
+    other: "about {{count}} weeks"
+  },
+  xWeeks: {
+    one: "1 week",
+    other: "{{count}} weeks"
+  },
+  aboutXMonths: {
+    one: "about 1 month",
+    other: "about {{count}} months"
+  },
+  xMonths: {
+    one: "1 month",
+    other: "{{count}} months"
+  },
+  aboutXYears: {
+    one: "about 1 year",
+    other: "about {{count}} years"
+  },
+  xYears: {
+    one: "1 year",
+    other: "{{count}} years"
+  },
+  overXYears: {
+    one: "over 1 year",
+    other: "over {{count}} years"
+  },
+  almostXYears: {
+    one: "almost 1 year",
+    other: "almost {{count}} years"
+  }
+}, Pn = (e, n, s) => {
+  let a;
+  const o = On[e];
+  return typeof o == "string" ? a = o : n === 1 ? a = o.one : a = o.other.replace("{{count}}", n.toString()), s?.addSuffix ? s.comparison && s.comparison > 0 ? "in " + a : a + " ago" : a;
+};
+function Te(e) {
+  return (n = {}) => {
+    const s = n.width ? String(n.width) : e.defaultWidth;
+    return e.formats[s] || e.formats[e.defaultWidth];
+  };
+}
+const Ln = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+}, Qn = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+}, Jn = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, Fn = {
+  date: Te({
+    formats: Ln,
+    defaultWidth: "full"
+  }),
+  time: Te({
+    formats: Qn,
+    defaultWidth: "full"
+  }),
+  dateTime: Te({
+    formats: Jn,
+    defaultWidth: "full"
+  })
+}, In = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P"
+}, $n = (e, n, s, a) => In[e];
+function xe(e) {
+  return (n, s) => {
+    const a = s?.context ? String(s.context) : "standalone";
+    let o;
+    if (a === "formatting" && e.formattingValues) {
+      const r = e.defaultFormattingWidth || e.defaultWidth, c = s?.width ? String(s.width) : r;
+      o = e.formattingValues[c] || e.formattingValues[r];
+    } else {
+      const r = e.defaultWidth, c = s?.width ? String(s.width) : e.defaultWidth;
+      o = e.values[c] || e.values[r];
+    }
+    const i = e.argumentCallback ? e.argumentCallback(n) : n;
+    return o[i];
+  };
+}
+const Un = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"]
+}, Wn = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
+}, zn = {
+  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
+  abbreviated: [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ],
+  wide: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ]
+}, qn = {
+  narrow: ["S", "M", "T", "W", "T", "F", "S"],
+  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  wide: [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ]
+}, Hn = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  }
+}, Vn = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  }
+}, Yn = (e, n) => {
+  const s = Number(e), a = s % 100;
+  if (a > 20 || a < 10)
+    switch (a % 10) {
+      case 1:
+        return s + "st";
+      case 2:
+        return s + "nd";
+      case 3:
+        return s + "rd";
+    }
+  return s + "th";
+}, Zn = {
+  ordinalNumber: Yn,
+  era: xe({
+    values: Un,
+    defaultWidth: "wide"
+  }),
+  quarter: xe({
+    values: Wn,
+    defaultWidth: "wide",
+    argumentCallback: (e) => e - 1
+  }),
+  month: xe({
+    values: zn,
+    defaultWidth: "wide"
+  }),
+  day: xe({
+    values: qn,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: xe({
+    values: Hn,
+    defaultWidth: "wide",
+    formattingValues: Vn,
+    defaultFormattingWidth: "wide"
+  })
+};
+function ge(e) {
+  return (n, s = {}) => {
+    const a = s.width, o = a && e.matchPatterns[a] || e.matchPatterns[e.defaultMatchWidth], i = n.match(o);
+    if (!i)
+      return null;
+    const r = i[0], c = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], d = Array.isArray(c) ? Bn(c, (x) => x.test(r)) : (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      Xn(c, (x) => x.test(r))
+    );
+    let m;
+    m = e.valueCallback ? e.valueCallback(d) : d, m = s.valueCallback ? (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      s.valueCallback(m)
+    ) : m;
+    const f = n.slice(r.length);
+    return { value: m, rest: f };
+  };
+}
+function Xn(e, n) {
+  for (const s in e)
+    if (Object.prototype.hasOwnProperty.call(e, s) && n(e[s]))
+      return s;
+}
+function Bn(e, n) {
+  for (let s = 0; s < e.length; s++)
+    if (n(e[s]))
+      return s;
+}
+function Kn(e) {
+  return (n, s = {}) => {
+    const a = n.match(e.matchPattern);
+    if (!a) return null;
+    const o = a[0], i = n.match(e.parsePattern);
+    if (!i) return null;
+    let r = e.valueCallback ? e.valueCallback(i[0]) : i[0];
+    r = s.valueCallback ? s.valueCallback(r) : r;
+    const c = n.slice(o.length);
+    return { value: r, rest: c };
+  };
+}
+const Gn = /^(\d+)(th|st|nd|rd)?/i, es = /\d+/i, ts = {
+  narrow: /^(b|a)/i,
+  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+  wide: /^(before christ|before common era|anno domini|common era)/i
+}, ns = {
+  any: [/^b/i, /^(a|c)/i]
+}, ss = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+}, as = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, rs = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+}, os = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ja/i,
+    /^f/i,
+    /^mar/i,
+    /^ap/i,
+    /^may/i,
+    /^jun/i,
+    /^jul/i,
+    /^au/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ]
+}, is = {
+  narrow: /^[smtwf]/i,
+  short: /^(su|mo|tu|we|th|fr|sa)/i,
+  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+}, ls = {
+  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+}, cs = {
+  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+}, ds = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+}, us = {
+  ordinalNumber: Kn({
+    matchPattern: Gn,
+    parsePattern: es,
+    valueCallback: (e) => parseInt(e, 10)
+  }),
+  era: ge({
+    matchPatterns: ts,
+    defaultMatchWidth: "wide",
+    parsePatterns: ns,
+    defaultParseWidth: "any"
+  }),
+  quarter: ge({
+    matchPatterns: ss,
+    defaultMatchWidth: "wide",
+    parsePatterns: as,
+    defaultParseWidth: "any",
+    valueCallback: (e) => e + 1
+  }),
+  month: ge({
+    matchPatterns: rs,
+    defaultMatchWidth: "wide",
+    parsePatterns: os,
+    defaultParseWidth: "any"
+  }),
+  day: ge({
+    matchPatterns: is,
+    defaultMatchWidth: "wide",
+    parsePatterns: ls,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: ge({
+    matchPatterns: cs,
+    defaultMatchWidth: "any",
+    parsePatterns: ds,
+    defaultParseWidth: "any"
+  })
+}, fs = {
+  code: "en-US",
+  formatDistance: Pn,
+  formatLong: Fn,
+  formatRelative: $n,
+  localize: Zn,
+  match: us,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+function ms(e, n, s) {
+  const a = Cn(), o = s?.locale ?? a.locale ?? fs, i = 2520, r = we(e, n);
+  if (isNaN(r))
+    throw new RangeError("Invalid time value");
+  const c = Object.assign({}, s, {
+    addSuffix: s?.addSuffix,
+    comparison: r
+  });
+  let d, m;
+  r > 0 ? (d = J(n), m = J(e)) : (d = J(e), m = J(n));
+  const f = Mn(m, d), x = (lt(m) - lt(d)) / 1e3, u = Math.round((f - x) / 60);
+  let h;
+  if (u < 2)
+    return s?.includeSeconds ? f < 5 ? o.formatDistance("lessThanXSeconds", 5, c) : f < 10 ? o.formatDistance("lessThanXSeconds", 10, c) : f < 20 ? o.formatDistance("lessThanXSeconds", 20, c) : f < 40 ? o.formatDistance("halfAMinute", 0, c) : f < 60 ? o.formatDistance("lessThanXMinutes", 1, c) : o.formatDistance("xMinutes", 1, c) : u === 0 ? o.formatDistance("lessThanXMinutes", 1, c) : o.formatDistance("xMinutes", u, c);
+  if (u < 45)
+    return o.formatDistance("xMinutes", u, c);
+  if (u < 90)
+    return o.formatDistance("aboutXHours", 1, c);
+  if (u < it) {
+    const v = Math.round(u / 60);
+    return o.formatDistance("aboutXHours", v, c);
+  } else {
+    if (u < i)
+      return o.formatDistance("xDays", 1, c);
+    if (u < ve) {
+      const v = Math.round(u / it);
+      return o.formatDistance("xDays", v, c);
+    } else if (u < ve * 2)
+      return h = Math.round(u / ve), o.formatDistance("aboutXMonths", h, c);
+  }
+  if (h = Tn(m, d), h < 12) {
+    const v = Math.round(u / ve);
+    return o.formatDistance("xMonths", v, c);
+  } else {
+    const v = h % 12, j = Math.trunc(h / 12);
+    return v < 3 ? o.formatDistance("aboutXYears", j, c) : v < 9 ? o.formatDistance("overXYears", j, c) : o.formatDistance("almostXYears", j + 1, c);
+  }
+}
+function Ce(e, n) {
+  return ms(e, Sn(e), n);
+}
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const hs = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ps = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (n, s, a) => a ? a.toUpperCase() : s.toLowerCase()
+), ct = (e) => {
+  const n = ps(e);
+  return n.charAt(0).toUpperCase() + n.slice(1);
+}, Ft = (...e) => e.filter((n, s, a) => !!n && n.trim() !== "" && a.indexOf(n) === s).join(" ").trim(), xs = (e) => {
+  for (const n in e)
+    if (n.startsWith("aria-") || n === "role" || n === "title")
+      return !0;
+};
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var gs = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const js = _t(
+  ({
+    color: e = "currentColor",
+    size: n = 24,
+    strokeWidth: s = 2,
+    absoluteStrokeWidth: a,
+    className: o = "",
+    children: i,
+    iconNode: r,
+    ...c
+  }, d) => Me(
+    "svg",
+    {
+      ref: d,
+      ...gs,
+      width: n,
+      height: n,
+      stroke: e,
+      strokeWidth: a ? Number(s) * 24 / Number(n) : s,
+      className: Ft("lucide", o),
+      ...!i && !xs(c) && { "aria-hidden": "true" },
+      ...c
+    },
+    [
+      ...r.map(([m, f]) => Me(m, f)),
+      ...Array.isArray(i) ? i : [i]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const G = (e, n) => {
+  const s = _t(
+    ({ className: a, ...o }, i) => Me(js, {
+      ref: i,
+      iconNode: n,
+      className: Ft(
+        `lucide-${hs(ct(e))}`,
+        `lucide-${e}`,
+        a
+      ),
+      ...o
+    })
+  );
+  return s.displayName = ct(e), s;
+};
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const bs = [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+], oe = G("refresh-cw", bs);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const vs = [
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+], fe = G("trash", vs);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ys = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], Ve = G("x", ys);
+function ws(e, n, s, a) {
+  function o(i) {
+    return i instanceof s ? i : new s(function(r) {
+      r(i);
+    });
+  }
+  return new (s || (s = Promise))(function(i, r) {
+    function c(f) {
+      try {
+        m(a.next(f));
+      } catch (x) {
+        r(x);
+      }
+    }
+    function d(f) {
+      try {
+        m(a.throw(f));
+      } catch (x) {
+        r(x);
+      }
+    }
+    function m(f) {
+      f.done ? i(f.value) : o(f.value).then(c, d);
+    }
+    m((a = a.apply(e, [])).next());
+  });
+}
+var Ns = function() {
+  var e = document.getSelection();
+  if (!e.rangeCount)
+    return function() {
+    };
+  for (var n = document.activeElement, s = [], a = 0; a < e.rangeCount; a++)
+    s.push(e.getRangeAt(a));
+  switch (n.tagName.toUpperCase()) {
+    // .toUpperCase handles XHTML
+    case "INPUT":
+    case "TEXTAREA":
+      n.blur();
+      break;
+    default:
+      n = null;
+      break;
+  }
+  return e.removeAllRanges(), function() {
+    e.type === "Caret" && e.removeAllRanges(), e.rangeCount || s.forEach(function(o) {
+      e.addRange(o);
+    }), n && n.focus();
+  };
+}, Cs = Ns, dt = {
+  "text/plain": "Text",
+  "text/html": "Url",
+  default: "Text"
+}, Ss = "Copy to clipboard: #{key}, Enter";
+function ks(e) {
+  var n = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
+  return e.replace(/#{\s*key\s*}/g, n);
+}
+function Ds(e, n) {
+  var s, a, o, i, r, c, d = !1;
+  n || (n = {}), s = n.debug || !1;
+  try {
+    o = Cs(), i = document.createRange(), r = document.getSelection(), c = document.createElement("span"), c.textContent = e, c.ariaHidden = "true", c.style.all = "unset", c.style.position = "fixed", c.style.top = 0, c.style.clip = "rect(0, 0, 0, 0)", c.style.whiteSpace = "pre", c.style.webkitUserSelect = "text", c.style.MozUserSelect = "text", c.style.msUserSelect = "text", c.style.userSelect = "text", c.addEventListener("copy", function(f) {
+      if (f.stopPropagation(), n.format)
+        if (f.preventDefault(), typeof f.clipboardData > "u") {
+          s && console.warn("unable to use e.clipboardData"), s && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
+          var x = dt[n.format] || dt.default;
+          window.clipboardData.setData(x, e);
+        } else
+          f.clipboardData.clearData(), f.clipboardData.setData(n.format, e);
+      n.onCopy && (f.preventDefault(), n.onCopy(f.clipboardData));
+    }), document.body.appendChild(c), i.selectNodeContents(c), r.addRange(i);
+    var m = document.execCommand("copy");
+    if (!m)
+      throw new Error("copy command was unsuccessful");
+    d = !0;
+  } catch (f) {
+    s && console.error("unable to copy using execCommand: ", f), s && console.warn("trying IE specific stuff");
+    try {
+      window.clipboardData.setData(n.format || "text", e), n.onCopy && n.onCopy(window.clipboardData), d = !0;
+    } catch (x) {
+      s && console.error("unable to copy using clipboardData: ", x), s && console.error("falling back to prompt"), a = ks("message" in n ? n.message : Ss), window.prompt(a, e);
+    }
+  } finally {
+    r && (typeof r.removeRange == "function" ? r.removeRange(i) : r.removeAllRanges()), c && document.body.removeChild(c), o();
+  }
+  return d;
+}
+var Es = Ds;
+function se(e) {
+  return Object.prototype.toString.call(e) === "[object Object]";
+}
+function je(e) {
+  return Array.isArray(e) ? e.length : se(e) ? Object.keys(e).length : 0;
+}
+function As(e, n) {
+  if (typeof e == "string")
+    return e;
+  try {
+    return JSON.stringify(e, (s, a) => {
+      switch (typeof a) {
+        case "bigint":
+          return String(a) + "n";
+        case "number":
+        case "boolean":
+        case "object":
+        case "string":
+          return a;
+        default:
+          return String(a);
+      }
+    }, n);
+  } catch (s) {
+    return `${s.name}: ${s.message}` || "JSON.stringify failed";
+  }
+}
+function _s(e) {
+  return ws(this, void 0, void 0, function* () {
+    try {
+      yield navigator.clipboard.writeText(e);
+    } catch {
+      Es(e);
+    }
+  });
+}
+function ut(e, n, s, a, o, i) {
+  if (i && i.collapsed !== void 0)
+    return !!i.collapsed;
+  if (typeof a == "boolean")
+    return a;
+  if (typeof a == "number" && n > a)
+    return !0;
+  const r = je(e);
+  if (typeof a == "function") {
+    const c = Ye(a, [{ node: e, depth: n, indexOrName: s, size: r }]);
+    if (typeof c == "boolean")
+      return c;
+  }
+  return !!(Array.isArray(e) && r > o || se(e) && r > o);
+}
+function ft(e, n, s, a, o, i) {
+  if (i && i.collapsed !== void 0)
+    return !!i.collapsed;
+  if (typeof a == "boolean")
+    return a;
+  if (typeof a == "number" && n > a)
+    return !0;
+  const r = Math.ceil(e.length / 100);
+  if (typeof a == "function") {
+    const c = Ye(a, [{ node: e, depth: n, indexOrName: s, size: r }]);
+    if (typeof c == "boolean")
+      return c;
+  }
+  return !!(Array.isArray(e) && r > o || se(e) && r > o);
+}
+function me(e, n, s) {
+  return typeof e == "boolean" ? e : !!(typeof e == "number" && n > e || e === "collapsed" && s || e === "expanded" && !s);
+}
+function Ye(e, n) {
+  try {
+    return e(...n);
+  } catch (s) {
+    reportError(s);
+  }
+}
+function It(e) {
+  if (e === !0 || se(e) && e.add === !0)
+    return !0;
+}
+function mt(e) {
+  if (e === !0 || se(e) && e.edit === !0)
+    return !0;
+}
+function Ze(e) {
+  if (e === !0 || se(e) && e.delete === !0)
+    return !0;
+}
+function Rs(e) {
+  return typeof e == "function";
+}
+function $t(e) {
+  return !e || e.add === void 0 || !!e.add;
+}
+function ht(e) {
+  return !e || e.edit === void 0 || !!e.edit;
+}
+function Xe(e) {
+  return !e || e.delete === void 0 || !!e.delete;
+}
+function Se(e) {
+  return !e || e.enableClipboard === void 0 || !!e.enableClipboard;
+}
+function Ts(e) {
+  return !e || e.matchesURL === void 0 || !!e.matchesURL;
+}
+function Ms(e, n) {
+  return e === "string" ? n.trim().replace(/^\"([\s\S]+?)\"$/, "$1") : n;
+}
+var pt;
+function Oe() {
+  return Oe = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var a in s)
+        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+    }
+    return e;
+  }, Oe.apply(this, arguments);
+}
+var Be = function(n) {
+  return /* @__PURE__ */ T.createElement("svg", Oe({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none",
+    viewBox: "0 0 16 16"
+  }, n), pt || (pt = /* @__PURE__ */ T.createElement("path", {
+    fill: "currentColor",
+    d: "M12.473 5.806a.666.666 0 0 0-.946 0L8.473 8.86a.667.667 0 0 1-.946 0L4.473 5.806a.667.667 0 1 0-.946.94l3.06 3.06a2 2 0 0 0 2.826 0l3.06-3.06a.667.667 0 0 0 0-.94Z"
+  })));
+}, xt;
+function Pe() {
+  return Pe = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var a in s)
+        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+    }
+    return e;
+  }, Pe.apply(this, arguments);
+}
+var Os = function(n) {
+  return /* @__PURE__ */ T.createElement("svg", Pe({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, n), xt || (xt = /* @__PURE__ */ T.createElement("path", {
+    fill: "currentColor",
+    d: "M17.542 2.5h-4.75a3.963 3.963 0 0 0-3.959 3.958v4.75a3.963 3.963 0 0 0 3.959 3.959h4.75a3.963 3.963 0 0 0 3.958-3.959v-4.75A3.963 3.963 0 0 0 17.542 2.5Zm2.375 8.708a2.378 2.378 0 0 1-2.375 2.375h-4.75a2.378 2.378 0 0 1-2.375-2.375v-4.75a2.378 2.378 0 0 1 2.375-2.375h4.75a2.378 2.378 0 0 1 2.375 2.375v4.75Zm-4.75 6.334a3.963 3.963 0 0 1-3.959 3.958h-4.75A3.963 3.963 0 0 1 2.5 17.542v-4.75a3.963 3.963 0 0 1 3.958-3.959.791.791 0 1 1 0 1.584 2.378 2.378 0 0 0-2.375 2.375v4.75a2.378 2.378 0 0 0 2.375 2.375h4.75a2.378 2.378 0 0 0 2.375-2.375.792.792 0 1 1 1.584 0Z"
+  })));
+}, gt, jt;
+function Le() {
+  return Le = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var a in s)
+        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+    }
+    return e;
+  }, Le.apply(this, arguments);
+}
+var Ps = function(n) {
+  return /* @__PURE__ */ T.createElement("svg", Le({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, n), gt || (gt = /* @__PURE__ */ T.createElement("path", {
+    fill: "currentColor",
+    d: "M17.25 3H6.75A3.755 3.755 0 0 0 3 6.75v10.5A3.754 3.754 0 0 0 6.75 21h10.5A3.754 3.754 0 0 0 21 17.25V6.75A3.755 3.755 0 0 0 17.25 3Zm2.25 14.25a2.25 2.25 0 0 1-2.25 2.25H6.75a2.25 2.25 0 0 1-2.25-2.25V6.75A2.25 2.25 0 0 1 6.75 4.5h10.5a2.25 2.25 0 0 1 2.25 2.25v10.5Z"
+  })), jt || (jt = /* @__PURE__ */ T.createElement("path", {
+    fill: "#14C786",
+    d: "M10.312 14.45 7.83 11.906a.625.625 0 0 0-.896 0 .659.659 0 0 0 0 .918l2.481 2.546a1.264 1.264 0 0 0 .896.381 1.237 1.237 0 0 0 .895-.38l5.858-6.011a.658.658 0 0 0 0-.919.625.625 0 0 0-.896 0l-5.857 6.01Z"
+  })));
+};
+function ke({ node: e, nodeMeta: n }) {
+  const { customizeCopy: s, CopyComponent: a, CopiedComponent: o } = le(ae), [i, r] = I(!1), c = (d) => {
+    d.stopPropagation();
+    const m = s(e, n);
+    typeof m == "string" && m && _s(m), r(!0), setTimeout(() => r(!1), 3e3);
+  };
+  return i ? typeof o == "function" ? t.jsx(o, { className: "json-view--copy", style: { display: "inline-block" } }) : t.jsx(Ps, { className: "json-view--copy", style: { display: "inline-block" } }) : typeof a == "function" ? t.jsx(a, { onClick: c, className: "json-view--copy" }) : t.jsx(Os, { onClick: c, className: "json-view--copy" });
+}
+function Qe({ indexOrName: e, value: n, depth: s, deleteHandle: a, editHandle: o, parent: i, parentPath: r }) {
+  const { displayArrayIndex: c } = le(ae), d = Array.isArray(i);
+  return t.jsxs("div", Object.assign({ className: "json-view--pair" }, { children: [!d || d && c ? t.jsxs(t.Fragment, { children: [t.jsx("span", Object.assign({ className: typeof e == "number" ? "json-view--index" : "json-view--property" }, { children: e })), ":", " "] }) : t.jsx(t.Fragment, {}), t.jsx(Wt, { node: n, depth: s + 1, deleteHandle: (m, f) => a(m, f), editHandle: (m, f, x, u) => o(m, f, x, u), parent: i, indexOrName: e, parentPath: r })] }));
+}
+var bt, vt;
+function Je() {
+  return Je = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var a in s)
+        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+    }
+    return e;
+  }, Je.apply(this, arguments);
+}
+var Ke = function(n) {
+  return /* @__PURE__ */ T.createElement("svg", Je({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, n), bt || (bt = /* @__PURE__ */ T.createElement("path", {
+    fill: "currentColor",
+    d: "M18.75 6h-2.325a3.757 3.757 0 0 0-3.675-3h-1.5a3.757 3.757 0 0 0-3.675 3H5.25a.75.75 0 0 0 0 1.5H6v9.75A3.754 3.754 0 0 0 9.75 21h4.5A3.754 3.754 0 0 0 18 17.25V7.5h.75a.75.75 0 1 0 0-1.5Zm-7.5-1.5h1.5A2.255 2.255 0 0 1 14.872 6H9.128a2.255 2.255 0 0 1 2.122-1.5Zm5.25 12.75a2.25 2.25 0 0 1-2.25 2.25h-4.5a2.25 2.25 0 0 1-2.25-2.25V7.5h9v9.75Z"
+  })), vt || (vt = /* @__PURE__ */ T.createElement("path", {
+    fill: "#DA0000",
+    d: "M10.5 16.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 1 0-1.5 0v4.5a.75.75 0 0 0 .75.75ZM13.5 16.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 1 0-1.5 0v4.5a.75.75 0 0 0 .75.75Z"
+  })));
+}, yt, wt;
+function Fe() {
+  return Fe = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var a in s)
+        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+    }
+    return e;
+  }, Fe.apply(this, arguments);
+}
+var Ut = function(n) {
+  return /* @__PURE__ */ T.createElement("svg", Fe({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, n), yt || (yt = /* @__PURE__ */ T.createElement("path", {
+    fill: "currentColor",
+    d: "M21 6.75v10.5A3.754 3.754 0 0 1 17.25 21H6.75A3.754 3.754 0 0 1 3 17.25V6.75A3.754 3.754 0 0 1 6.75 3h10.5A3.754 3.754 0 0 1 21 6.75Zm-1.5 0c0-1.24-1.01-2.25-2.25-2.25H6.75C5.51 4.5 4.5 5.51 4.5 6.75v10.5c0 1.24 1.01 2.25 2.25 2.25h10.5c1.24 0 2.25-1.01 2.25-2.25V6.75Z"
+  })), wt || (wt = /* @__PURE__ */ T.createElement("path", {
+    fill: "#14C786",
+    d: "M15 12.75a.75.75 0 1 0 0-1.5h-2.25V9a.75.75 0 1 0-1.5 0v2.25H9a.75.75 0 1 0 0 1.5h2.25V15a.75.75 0 1 0 1.5 0v-2.25H15Z"
+  })));
+}, Nt, Ct;
+function Ie() {
+  return Ie = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var a in s)
+        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+    }
+    return e;
+  }, Ie.apply(this, arguments);
+}
+var Ge = function(n) {
+  return /* @__PURE__ */ T.createElement("svg", Ie({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, n), Nt || (Nt = /* @__PURE__ */ T.createElement("path", {
+    fill: "currentColor",
+    d: "M12 3a9 9 0 1 0 9 9 9.01 9.01 0 0 0-9-9Zm0 16.5a7.5 7.5 0 1 1 7.5-7.5 7.509 7.509 0 0 1-7.5 7.5Z"
+  })), Ct || (Ct = /* @__PURE__ */ T.createElement("path", {
+    fill: "#14C786",
+    d: "m10.85 13.96-1.986-2.036a.5.5 0 0 0-.716 0 .527.527 0 0 0 0 .735l1.985 2.036a1.01 1.01 0 0 0 .717.305.99.99 0 0 0 .716-.305l4.686-4.808a.526.526 0 0 0 0-.735.5.5 0 0 0-.716 0l-4.687 4.809Z"
+  })));
+}, St, kt;
+function $e() {
+  return $e = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var a in s)
+        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+    }
+    return e;
+  }, $e.apply(this, arguments);
+}
+var et = function(n) {
+  return /* @__PURE__ */ T.createElement("svg", $e({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, n), St || (St = /* @__PURE__ */ T.createElement("path", {
+    fill: "#DA0000",
+    d: "M15 9a.75.75 0 0 0-1.06 0L12 10.94 10.06 9A.75.75 0 0 0 9 10.06L10.94 12 9 13.94A.75.75 0 0 0 10.06 15L12 13.06 13.94 15A.75.75 0 0 0 15 13.94L13.06 12 15 10.06A.75.75 0 0 0 15 9Z"
+  })), kt || (kt = /* @__PURE__ */ T.createElement("path", {
+    fill: "currentColor",
+    d: "M12 3a9 9 0 1 0 9 9 9.01 9.01 0 0 0-9-9Zm0 16.5a7.5 7.5 0 1 1 7.5-7.5 7.509 7.509 0 0 1-7.5 7.5Z"
+  })));
+};
+function Ls({ originNode: e, node: n, depth: s, index: a, deleteHandle: o, customOptions: i, startIndex: r, parent: c, parentPath: d }) {
+  const { enableClipboard: m, src: f, onEdit: x, onChange: u, forceUpdate: h, displaySize: v, CustomOperation: j } = le(ae), _ = [...d, String(a)], [g, b] = I(!0), S = C((A, E, W) => {
+    e[A] = E, x && x({
+      newValue: E,
+      oldValue: W,
+      depth: s,
+      src: f,
+      indexOrName: A,
+      parentType: "array",
+      parentPath: d
+    }), u && u({ type: "edit", depth: s, src: f, indexOrName: A, parentType: "array", parentPath: d }), h();
+  }, [n, x, u, h]), N = (A) => {
+    e.splice(A, 1), o && o(A, d), h();
+  }, w = t.jsxs(t.Fragment, { children: [!g && t.jsxs("span", Object.assign({ onClick: () => b(!0), className: "jv-size-chevron" }, { children: [me(v, s, g) && t.jsxs("span", Object.assign({ className: "jv-size" }, { children: [je(n), " Items"] })), t.jsx(Be, { className: "jv-chevron" })] })), !g && m && Se(i) && t.jsx(ke, { node: n, nodeMeta: { depth: s, indexOrName: a, parent: c, parentPath: d, currentPath: _ } }), typeof j == "function" ? t.jsx(j, { node: n }) : null] });
+  return t.jsxs("div", { children: [t.jsx("span", { children: "[" }), w, g ? t.jsxs("button", Object.assign({ onClick: () => b(!1), className: "jv-button" }, { children: [r, " ... ", r + n.length - 1] })) : t.jsx("div", Object.assign({ className: "jv-indent" }, { children: n.map((A, E) => t.jsx(Qe, { indexOrName: E + r, value: A, depth: s, parent: n, deleteHandle: N, editHandle: S, parentPath: d }, String(a) + String(E))) })), t.jsx("span", { children: "]" })] });
+}
+function Qs({ node: e, depth: n, deleteHandle: s, indexOrName: a, customOptions: o, parent: i, parentPath: r }) {
+  const c = typeof a < "u" ? [...r, String(a)] : r, d = [];
+  for (let O = 0; O < e.length; O += 100)
+    d.push(e.slice(O, O + 100));
+  const { collapsed: m, enableClipboard: f, collapseObjectsAfterLength: x, editable: u, onDelete: h, src: v, onAdd: j, CustomOperation: _, onChange: g, forceUpdate: b, displaySize: S } = le(ae), [N, w] = I(ft(e, n, a, m, x, o));
+  ie(() => {
+    w(ft(e, n, a, m, x, o));
+  }, [m, x]);
+  const [A, E] = I(!1), W = () => {
+    E(!1), s && s(a, r), h && h({ value: e, depth: n, src: v, indexOrName: a, parentType: "array", parentPath: r }), g && g({
+      type: "delete",
+      depth: n,
+      src: v,
+      indexOrName: a,
+      parentType: "array",
+      parentPath: r
+    });
+  }, [P, X] = I(!1), L = () => {
+    const O = e;
+    O.push(null), j && j({ indexOrName: O.length - 1, depth: n, src: v, parentType: "array", parentPath: r }), g && g({ type: "add", indexOrName: O.length - 1, depth: n, src: v, parentType: "array", parentPath: r }), b();
+  }, Q = A || P, z = () => {
+    E(!1), X(!1);
+  }, q = t.jsxs(t.Fragment, { children: [!N && !Q && t.jsxs("span", Object.assign({ onClick: () => w(!0), className: "jv-size-chevron" }, { children: [me(S, n, N) && t.jsxs("span", Object.assign({ className: "jv-size" }, { children: [e.length, " Items"] })), t.jsx(Be, { className: "jv-chevron" })] })), Q && t.jsx(Ge, { className: "json-view--edit", style: { display: "inline-block" }, onClick: P ? L : W }), Q && t.jsx(et, { className: "json-view--edit", style: { display: "inline-block" }, onClick: z }), !N && !Q && f && Se(o) && t.jsx(ke, { node: e, nodeMeta: { depth: n, indexOrName: a, parent: i, parentPath: r, currentPath: c } }), !N && !Q && It(u) && $t(o) && t.jsx(Ut, { className: "json-view--edit", onClick: () => {
+    L();
+  } }), !N && !Q && Ze(u) && Xe(o) && s && t.jsx(Ke, { className: "json-view--edit", onClick: () => E(!0) }), typeof _ == "function" ? t.jsx(_, { node: e }) : null] });
+  return t.jsxs(t.Fragment, { children: [t.jsx("span", { children: "[" }), q, N ? t.jsx("button", Object.assign({ onClick: () => w(!1), className: "jv-button" }, { children: "..." })) : t.jsx("div", Object.assign({ className: "jv-indent" }, { children: d.map((O, $) => t.jsx(Ls, { originNode: e, node: O, depth: n, index: $, startIndex: $ * 100, deleteHandle: s, customOptions: o, parentPath: r }, String(a) + String($))) })), t.jsx("span", { children: "]" }), N && me(S, n, N) && t.jsxs("span", Object.assign({ onClick: () => w(!1), className: "jv-size" }, { children: [e.length, " Items"] }))] });
+}
+function Js({ node: e, depth: n, indexOrName: s, deleteHandle: a, customOptions: o, parent: i, parentPath: r }) {
+  const { collapsed: c, onCollapse: d, enableClipboard: m, ignoreLargeArray: f, collapseObjectsAfterLength: x, editable: u, onDelete: h, src: v, onAdd: j, onEdit: _, onChange: g, forceUpdate: b, displaySize: S, CustomOperation: N } = le(ae), w = typeof s < "u" ? [...r, String(s)] : r;
+  if (!f && Array.isArray(e) && e.length > 100)
+    return t.jsx(Qs, { node: e, depth: n, indexOrName: s, deleteHandle: a, customOptions: o, parentPath: w });
+  const A = se(e), [E, W] = I(ut(e, n, s, c, x, o)), P = (p) => {
+    d?.({ isCollapsing: !p, node: e, depth: n, indexOrName: s }), W(p);
+  };
+  ie(() => {
+    P(ut(e, n, s, c, x, o));
+  }, [c, x]);
+  const X = C((p, k, V) => {
+    Array.isArray(e) ? e[+p] = k : e && (e[p] = k), _ && _({
+      newValue: k,
+      oldValue: V,
+      depth: n,
+      src: v,
+      indexOrName: p,
+      parentType: A ? "object" : "array",
+      parentPath: w
+    }), g && g({ type: "edit", depth: n, src: v, indexOrName: p, parentType: A ? "object" : "array", parentPath: w }), b();
+  }, [e, _, g, b]), L = (p) => {
+    Array.isArray(e) ? e.splice(+p, 1) : e && delete e[p], b();
+  }, [Q, z] = I(!1), q = () => {
+    z(!1), a && a(s, w), h && h({ value: e, depth: n, src: v, indexOrName: s, parentType: A ? "object" : "array", parentPath: w }), g && g({
+      type: "delete",
+      depth: n,
+      src: v,
+      indexOrName: s,
+      parentType: A ? "object" : "array",
+      parentPath: w
+    });
+  }, [O, $] = I(!1), R = qe(null), H = () => {
+    var p;
+    if (A) {
+      const k = (p = R.current) === null || p === void 0 ? void 0 : p.value;
+      k && (e[k] = null, R.current && (R.current.value = ""), $(!1), j && j({ indexOrName: k, depth: n, src: v, parentType: "object", parentPath: w }), g && g({ type: "add", indexOrName: k, depth: n, src: v, parentType: "object", parentPath: w }));
+    } else if (Array.isArray(e)) {
+      const k = e;
+      k.push(null), j && j({ indexOrName: k.length - 1, depth: n, src: v, parentType: "array", parentPath: w }), g && g({ type: "add", indexOrName: k.length - 1, depth: n, src: v, parentType: "array", parentPath: w });
+    }
+    b();
+  }, U = (p) => {
+    p.key === "Enter" ? (p.preventDefault(), H()) : p.key === "Escape" && y();
+  }, l = Q || O, y = () => {
+    z(!1), $(!1);
+  }, D = t.jsxs(t.Fragment, { children: [!E && !l && t.jsxs("span", Object.assign({ onClick: () => P(!0), className: "jv-size-chevron" }, { children: [me(S, n, E) && t.jsxs("span", Object.assign({ className: "jv-size" }, { children: [je(e), " Items"] })), t.jsx(Be, { className: "jv-chevron" })] })), O && A && t.jsx("input", { className: "json-view--input", placeholder: "property", ref: R, onKeyDown: U }), l && t.jsx(Ge, { className: "json-view--edit", style: { display: "inline-block" }, onClick: O ? H : q }), l && t.jsx(et, { className: "json-view--edit", style: { display: "inline-block" }, onClick: y }), !E && !l && m && Se(o) && t.jsx(ke, { node: e, nodeMeta: { depth: n, indexOrName: s, parent: i, parentPath: r, currentPath: w } }), !E && !l && It(u) && $t(o) && t.jsx(Ut, { className: "json-view--edit", onClick: () => {
+    A ? ($(!0), setTimeout(() => {
+      var p;
+      return (p = R.current) === null || p === void 0 ? void 0 : p.focus();
+    })) : H();
+  } }), !E && !l && Ze(u) && Xe(o) && a && t.jsx(Ke, { className: "json-view--edit", onClick: () => z(!0) }), typeof N == "function" ? t.jsx(N, { node: e }) : null] });
+  return Array.isArray(e) ? t.jsxs(t.Fragment, { children: [t.jsx("span", { children: "[" }), D, E ? t.jsx("button", Object.assign({ onClick: () => P(!1), className: "jv-button" }, { children: "..." })) : t.jsx("div", Object.assign({ className: "jv-indent" }, { children: e.map((p, k) => t.jsx(Qe, { indexOrName: k, value: p, depth: n, parent: e, deleteHandle: L, editHandle: X, parentPath: w }, String(s) + String(k))) })), t.jsx("span", { children: "]" }), E && me(S, n, E) && t.jsxs("span", Object.assign({ onClick: () => P(!1), className: "jv-size" }, { children: [je(e), " Items"] }))] }) : A ? t.jsxs(t.Fragment, { children: [t.jsx("span", { children: "{" }), D, E ? t.jsx("button", Object.assign({ onClick: () => P(!1), className: "jv-button" }, { children: "..." })) : t.jsx("div", Object.assign({ className: "jv-indent" }, { children: Object.entries(e).map(([p, k]) => t.jsx(Qe, { indexOrName: p, value: k, depth: n, parent: e, deleteHandle: L, editHandle: X, parentPath: w }, String(s) + String(p))) })), t.jsx("span", { children: "}" }), E && me(S, n, E) && t.jsxs("span", Object.assign({ onClick: () => P(!1), className: "jv-size" }, { children: [je(e), " Items"] }))] }) : t.jsx("span", { children: String(e) });
+}
+const Fs = de.forwardRef(({ str: e, className: n, ctrlClick: s }, a) => {
+  let { collapseStringMode: o, collapseStringsAfterLength: i, customizeCollapseStringUI: r } = le(ae);
+  const [c, d] = I(!0), m = qe(null);
+  i = i > 0 ? i : 0;
+  const f = e.replace(/\s+/g, " "), x = typeof r == "function" ? r(f, c) : typeof r == "string" ? r : "...", u = (h) => {
+    var v;
+    if ((h.ctrlKey || h.metaKey) && s)
+      s(h);
+    else {
+      const j = window.getSelection();
+      if (j && j.anchorOffset !== j.focusOffset && ((v = j.anchorNode) === null || v === void 0 ? void 0 : v.parentElement) === m.current)
+        return;
+      d(!c);
+    }
+  };
+  if (e.length <= i)
+    return t.jsxs("span", Object.assign({ ref: m, className: n, onClick: s }, { children: ['"', e, '"'] }));
+  if (o === "address")
+    return e.length <= 10 ? t.jsxs("span", Object.assign({ ref: m, className: n, onClick: s }, { children: ['"', e, '"'] })) : t.jsxs("span", Object.assign({ ref: m, onClick: u, className: n + " cursor-pointer" }, { children: ['"', c ? [f.slice(0, 6), x, f.slice(-4)] : e, '"'] }));
+  if (o === "directly")
+    return t.jsxs("span", Object.assign({ ref: m, onClick: u, className: n + " cursor-pointer" }, { children: ['"', c ? [f.slice(0, i), x] : e, '"'] }));
+  if (o === "word") {
+    let h = i, v = i + 1, j = f, _ = 1;
+    for (; ; ) {
+      if (/\W/.test(e[h])) {
+        j = e.slice(0, h);
+        break;
+      }
+      if (/\W/.test(e[v])) {
+        j = e.slice(0, v);
+        break;
+      }
+      if (_ === 6) {
+        j = e.slice(0, i);
+        break;
+      }
+      _++, h--, v++;
+    }
+    return t.jsxs("span", Object.assign({ ref: m, onClick: u, className: n + " cursor-pointer" }, { children: ['"', c ? [j, x] : e, '"'] }));
+  }
+  return t.jsxs("span", Object.assign({ ref: m, className: n }, { children: ['"', e, '"'] }));
+});
+var Dt;
+function Ue() {
+  return Ue = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var a in s)
+        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+    }
+    return e;
+  }, Ue.apply(this, arguments);
+}
+var Is = function(n) {
+  return /* @__PURE__ */ T.createElement("svg", Ue({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, n), Dt || (Dt = /* @__PURE__ */ T.createElement("path", {
+    fill: "currentColor",
+    d: "M17.25 3H6.75A3.754 3.754 0 0 0 3 6.75v10.5A3.754 3.754 0 0 0 6.75 21h10.5A3.754 3.754 0 0 0 21 17.25V6.75A3.754 3.754 0 0 0 17.25 3Zm2.25 14.25c0 1.24-1.01 2.25-2.25 2.25H6.75c-1.24 0-2.25-1.01-2.25-2.25V6.75c0-1.24 1.01-2.25 2.25-2.25h10.5c1.24 0 2.25 1.01 2.25 2.25v10.5Zm-6.09-9.466-5.031 5.03a2.981 2.981 0 0 0-.879 2.121v1.19c0 .415.336.75.75.75h1.19c.8 0 1.554-.312 2.12-.879l5.03-5.03a2.252 2.252 0 0 0 0-3.182c-.85-.85-2.331-.85-3.18 0Zm-2.91 7.151c-.28.28-.666.44-1.06.44H9v-.44c0-.4.156-.777.44-1.06l3.187-3.188 1.06 1.061-3.187 3.188Zm5.03-5.03-.782.783-1.06-1.061.782-.782a.766.766 0 0 1 1.06 0 .75.75 0 0 1 0 1.06Z"
+  })));
+}, Et, At;
+function We() {
+  return We = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var a in s)
+        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+    }
+    return e;
+  }, We.apply(this, arguments);
+}
+var $s = function(n) {
+  return /* @__PURE__ */ T.createElement("svg", We({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, n), Et || (Et = /* @__PURE__ */ T.createElement("path", {
+    fill: "currentColor",
+    d: "M6.75 3h5.5v1.5h-5.5C5.51 4.5 4.5 5.51 4.5 6.75v10.5c0 1.24 1.01 2.25 2.25 2.25h10.5c1.24 0 2.25-1.01 2.25-2.25v-5.5H21v5.5A3.754 3.754 0 0 1 17.25 21H6.75A3.754 3.754 0 0 1 3 17.25V6.75A3.754 3.754 0 0 1 6.75 3Z"
+  })), At || (At = /* @__PURE__ */ T.createElement("path", {
+    fill: "currentColor",
+    d: "M20.013 3h-3.946a.987.987 0 0 0 0 1.973h1.564l-6.342 6.342a1.004 1.004 0 0 0 0 1.396 1.004 1.004 0 0 0 1.396 0l6.342-6.342v1.564a.987.987 0 0 0 1.973 0V3.987A.987.987 0 0 0 20.013 3Z"
+  })));
+};
+function Wt({ node: e, depth: n, deleteHandle: s, indexOrName: a, parent: o, editHandle: i, parentPath: r }) {
+  const { collapseStringsAfterLength: c, enableClipboard: d, editable: m, src: f, onDelete: x, onChange: u, customizeNode: h, matchesURL: v, urlRegExp: j, EditComponent: _, DoneComponent: g, CancelComponent: b, CustomOperation: S } = le(ae);
+  let N;
+  if (typeof h == "function" && (N = Ye(h, [{ node: e, depth: n, indexOrName: a }])), N) {
+    if (cn(N))
+      return N;
+    if (Rs(N)) {
+      const w = N;
+      return t.jsx(w, { node: e, depth: n, indexOrName: a });
+    }
+  }
+  if (Array.isArray(e) || se(e))
+    return t.jsx(Js, { parent: o, node: e, depth: n, indexOrName: a, deleteHandle: s, parentPath: r, customOptions: typeof N == "object" ? N : void 0 });
+  {
+    const w = typeof e, A = typeof a < "u" ? [...r, String(a)] : r, [E, W] = I(!1), [P, X] = I(!1), L = qe(null), Q = () => {
+      W(!0), setTimeout(() => {
+        var p, k;
+        (p = window.getSelection()) === null || p === void 0 || p.selectAllChildren(L.current), (k = L.current) === null || k === void 0 || k.focus();
+      });
+    }, z = C(() => {
+      let p = L.current.innerText;
+      try {
+        const k = JSON.parse(p);
+        i && i(a, k, e, r);
+      } catch {
+        const V = Ms(w, p);
+        i && i(a, V, e, r);
+      }
+      W(!1);
+    }, [i, a, e, r, w]), q = () => {
+      W(!1), X(!1);
+    }, O = () => {
+      X(!1), s && s(a, r), x && x({
+        value: e,
+        depth: n,
+        src: f,
+        indexOrName: a,
+        parentType: Array.isArray(o) ? "array" : "object",
+        parentPath: r
+      }), u && u({
+        depth: n,
+        src: f,
+        indexOrName: a,
+        parentType: Array.isArray(o) ? "array" : "object",
+        type: "delete",
+        parentPath: r
+      });
+    }, $ = C((p) => {
+      p.key === "Enter" ? (p.preventDefault(), z()) : p.key === "Escape" && q();
+    }, [z]), R = E || P, H = !R && mt(m) && ht(N) && i ? (p) => {
+      (p.ctrlKey || p.metaKey) && Q();
+    } : void 0, U = t.jsxs(t.Fragment, { children: [R && (typeof g == "function" ? t.jsx(g, { className: "json-view--edit", style: { display: "inline-block" }, onClick: P ? O : z }) : t.jsx(Ge, { className: "json-view--edit", style: { display: "inline-block" }, onClick: P ? O : z })), R && (typeof b == "function" ? t.jsx(b, { className: "json-view--edit", style: { display: "inline-block" }, onClick: q }) : t.jsx(et, { className: "json-view--edit", style: { display: "inline-block" }, onClick: q })), !R && d && Se(N) && t.jsx(ke, { node: e, nodeMeta: { depth: n, indexOrName: a, parent: o, parentPath: r, currentPath: A } }), !R && v && w === "string" && j.test(e) && Ts(N) && t.jsx("a", Object.assign({ href: e, target: "_blank", className: "json-view--link" }, { children: t.jsx($s, {}) })), !R && mt(m) && ht(N) && i && (typeof _ == "function" ? t.jsx(_, { className: "json-view--edit", onClick: Q }) : t.jsx(Is, { className: "json-view--edit", onClick: Q })), !R && Ze(m) && Xe(N) && s && t.jsx(Ke, { className: "json-view--edit", onClick: () => X(!0) }), typeof S == "function" ? t.jsx(S, { node: e }) : null] });
+    let l = "json-view--string";
+    switch (w) {
+      case "number":
+      case "bigint":
+        l = "json-view--number";
+        break;
+      case "boolean":
+        l = "json-view--boolean";
+        break;
+      case "object":
+        l = "json-view--null";
+        break;
+    }
+    typeof N?.className == "string" && (l += " " + N.className), P && (l += " json-view--deleting");
+    let y = String(e);
+    w === "bigint" && (y += "n");
+    const D = ye(() => t.jsx("span", { contentEditable: !0, className: l, dangerouslySetInnerHTML: { __html: w === "string" ? `"${y}"` : y }, ref: L, onKeyDown: $ }), [y, w, $]);
+    return w === "string" ? t.jsxs(t.Fragment, { children: [E ? D : e.length > c ? t.jsx(Fs, { str: e, ref: L, className: l, ctrlClick: H }) : t.jsxs("span", Object.assign({ className: l, onClick: H }, { children: ['"', y, '"'] })), U] }) : t.jsxs(t.Fragment, { children: [E ? D : t.jsx("span", Object.assign({ className: l, onClick: H }, { children: y })), U] });
+  }
+}
+const zt = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, ae = ln({
+  src: void 0,
+  collapseStringsAfterLength: 99,
+  collapseStringMode: "directly",
+  customizeCollapseStringUI: void 0,
+  collapseObjectsAfterLength: 20,
+  collapsed: !1,
+  onCollapse: void 0,
+  enableClipboard: !0,
+  editable: !1,
+  onEdit: void 0,
+  onDelete: void 0,
+  onAdd: void 0,
+  onChange: void 0,
+  forceUpdate: () => {
+  },
+  customizeNode: void 0,
+  customizeCopy: () => {
+  },
+  displaySize: void 0,
+  displayArrayIndex: !0,
+  matchesURL: !1,
+  urlRegExp: zt,
+  ignoreLargeArray: !1,
+  CopyComponent: void 0,
+  CopiedComponent: void 0,
+  EditComponent: void 0,
+  CancelComponent: void 0,
+  DoneComponent: void 0,
+  CustomOperation: void 0
+});
+function De({ src: e, collapseStringsAfterLength: n = 99, collapseStringMode: s = "directly", customizeCollapseStringUI: a, collapseObjectsAfterLength: o = 99, collapsed: i, onCollapse: r, enableClipboard: c = !0, editable: d = !1, onEdit: m, onDelete: f, onAdd: x, onChange: u, dark: h = !1, theme: v = "default", customizeNode: j, customizeCopy: _ = (q) => As(q), displaySize: g, displayArrayIndex: b = !0, style: S, className: N, matchesURL: w = !1, urlRegExp: A = zt, ignoreLargeArray: E = !1, CopyComponent: W, CopiedComponent: P, EditComponent: X, CancelComponent: L, DoneComponent: Q, CustomOperation: z }) {
+  const [q, O] = I(0), $ = C(() => O((U) => ++U), []), [R, H] = I(e);
+  return ie(() => H(e), [e]), t.jsx(ae.Provider, Object.assign({ value: {
+    src: R,
+    collapseStringsAfterLength: n,
+    collapseStringMode: s,
+    customizeCollapseStringUI: a,
+    collapseObjectsAfterLength: o,
+    collapsed: i,
+    onCollapse: r,
+    enableClipboard: c,
+    editable: d,
+    onEdit: m,
+    onDelete: f,
+    onAdd: x,
+    onChange: u,
+    forceUpdate: $,
+    customizeNode: j,
+    customizeCopy: _,
+    displaySize: g,
+    displayArrayIndex: b,
+    matchesURL: w,
+    urlRegExp: A,
+    ignoreLargeArray: E,
+    CopyComponent: W,
+    CopiedComponent: P,
+    EditComponent: X,
+    CancelComponent: L,
+    DoneComponent: Q,
+    CustomOperation: z
+  } }, { children: t.jsx("code", Object.assign({ className: "json-view" + (h ? " dark" : "") + (v && v !== "default" ? " json-view_" + v : "") + (N ? " " + N : ""), style: S }, { children: t.jsx(Wt, { node: R, depth: 1, editHandle: (U, l, y, D) => {
+    H(l), m && m({
+      newValue: l,
+      oldValue: y,
+      depth: 1,
+      src: R,
+      indexOrName: U,
+      parentType: null,
+      parentPath: D
+    }), u && u({ type: "edit", depth: 1, src: R, indexOrName: U, parentType: null, parentPath: D });
+  }, deleteHandle: (U, l) => {
+    H(void 0), f && f({
+      value: R,
+      depth: 1,
+      src: R,
+      indexOrName: U,
+      parentType: null,
+      parentPath: l
+    }), u && u({
+      depth: 1,
+      src: R,
+      indexOrName: U,
+      parentType: null,
+      type: "delete",
+      parentPath: l
+    });
+  }, parentPath: [] }) })) }));
+}
+const Ee = () => {
+  const { jobs: e, selectedQueue: n, selectedStatus: s, setJobs: a, setLoading: o, setError: i, isLoading: r, error: c } = M(), d = C(
+    async (g, b, S = 0, N = 100) => {
+      o(!0), i(null);
+      try {
+        const w = new URLSearchParams({ status: b, start: String(S), end: String(N) }), A = await fetch(`/__motia/bullmq/queues/${encodeURIComponent(g)}/jobs?${w}`);
+        if (!A.ok)
+          throw new Error("Failed to fetch jobs");
+        const E = await A.json();
+        a(E.jobs);
+      } catch (w) {
+        i(w instanceof Error ? w.message : "Unknown error");
+      } finally {
+        o(!1);
+      }
+    },
+    [a, o, i]
+  ), m = C(async (g, b) => {
+    try {
+      const S = await fetch(
+        `/__motia/bullmq/queues/${encodeURIComponent(g)}/jobs/${encodeURIComponent(b)}`
+      );
+      return S.ok ? await S.json() : null;
+    } catch {
+      return null;
+    }
+  }, []), f = C(
+    async (g, b) => {
+      try {
+        await fetch(`/__motia/bullmq/queues/${encodeURIComponent(g)}/jobs/${encodeURIComponent(b)}/retry`, {
+          method: "POST"
+        }), n && await d(n.name, s);
+      } catch (S) {
+        i(S instanceof Error ? S.message : "Failed to retry job");
+      }
+    },
+    [n, s, d, i]
+  ), x = C(
+    async (g, b) => {
+      try {
+        await fetch(
+          `/__motia/bullmq/queues/${encodeURIComponent(g)}/jobs/${encodeURIComponent(b)}/remove`,
+          {
+            method: "POST"
+          }
+        ), n && await d(n.name, s);
+      } catch (S) {
+        i(S instanceof Error ? S.message : "Failed to remove job");
+      }
+    },
+    [n, s, d, i]
+  ), u = C(
+    async (g, b) => {
+      try {
+        await fetch(
+          `/__motia/bullmq/queues/${encodeURIComponent(g)}/jobs/${encodeURIComponent(b)}/promote`,
+          {
+            method: "POST"
+          }
+        ), n && await d(n.name, s);
+      } catch (S) {
+        i(S instanceof Error ? S.message : "Failed to promote job");
+      }
+    },
+    [n, s, d, i]
+  ), h = C(async (g, b = 0, S = 100) => {
+    try {
+      const N = new URLSearchParams({ start: String(b), end: String(S) }), w = await fetch(`/__motia/bullmq/dlq/${encodeURIComponent(g)}/jobs?${N}`);
+      return w.ok ? (await w.json()).jobs : [];
+    } catch {
+      return [];
+    }
+  }, []), v = C(
+    async (g, b) => {
+      try {
+        await fetch(`/__motia/bullmq/dlq/${encodeURIComponent(g)}/retry/${encodeURIComponent(b)}`, {
+          method: "POST"
+        });
+      } catch (S) {
+        i(S instanceof Error ? S.message : "Failed to retry from DLQ");
+      }
+    },
+    [i]
+  ), j = C(
+    async (g) => {
+      try {
+        await fetch(`/__motia/bullmq/dlq/${encodeURIComponent(g)}/retry-all`, {
+          method: "POST"
+        });
+      } catch (b) {
+        i(b instanceof Error ? b.message : "Failed to retry all from DLQ");
+      }
+    },
+    [i]
+  ), _ = C(
+    async (g) => {
+      try {
+        await fetch(`/__motia/bullmq/dlq/${encodeURIComponent(g)}/clear`, {
+          method: "POST"
+        });
+      } catch (b) {
+        i(b instanceof Error ? b.message : "Failed to clear DLQ");
+      }
+    },
+    [i]
+  );
+  return ie(() => {
+    n && d(n.name, s);
+  }, [n, s, d]), {
+    jobs: e,
+    isLoading: r,
+    error: c,
+    fetchJobs: d,
+    getJob: m,
+    retryJob: f,
+    removeJob: x,
+    promoteJob: u,
+    getDLQJobs: h,
+    retryFromDLQ: v,
+    retryAllFromDLQ: j,
+    clearDLQ: _
+  };
+}, qt = Y(({ job: e, onRetry: n }) => /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
+  /* @__PURE__ */ t.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ t.jsxs(Z, { variant: "outline", size: "sm", onClick: n, children: [
+    /* @__PURE__ */ t.jsx(oe, { className: "mr-2 h-4 w-4" }),
+    "Retry"
+  ] }) }),
+  /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
+    /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Job ID" }),
+      /* @__PURE__ */ t.jsx("div", { className: "font-mono text-xs", children: e.id })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Original Job ID" }),
+      /* @__PURE__ */ t.jsx("div", { className: "font-mono text-xs", children: e.originalJobId || "-" })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Attempts Made" }),
+      /* @__PURE__ */ t.jsx("div", { className: "font-semibold", children: e.attemptsMade })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Failed At" }),
+      /* @__PURE__ */ t.jsx("div", { children: Ce(e.failureTimestamp, { addSuffix: !0 }) })
+    ] })
+  ] }),
+  /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("div", { className: "text-sm font-semibold text-destructive mb-2", children: "Failure Reason" }),
+    /* @__PURE__ */ t.jsx("div", { className: "font-mono text-sm bg-destructive/10 p-3 rounded text-destructive", children: e.failureReason })
+  ] })
+] }));
+qt.displayName = "DLQJobDetailContent";
+const Ht = Y(({ data: e }) => /* @__PURE__ */ t.jsx("div", { className: "bg-muted/30 p-4 rounded overflow-auto max-h-[400px]", children: /* @__PURE__ */ t.jsx(De, { src: e, theme: "atom", collapsed: 2 }) }));
+Ht.displayName = "DLQJobDataTab";
+const Vt = Y(() => {
+  const e = M((b) => b.selectedQueue), { getDLQJobs: n, retryFromDLQ: s, retryAllFromDLQ: a, clearDLQ: o } = Ee(), { fetchQueues: i } = He(), [r, c] = I([]), [d, m] = I(!1), [f, x] = I(null), u = C(async () => {
+    if (e?.isDLQ) {
+      m(!0);
+      try {
+        const b = await n(e.name);
+        c(b);
+      } finally {
+        m(!1);
+      }
+    }
+  }, [e, n]);
+  ie(() => {
+    e?.isDLQ && u();
+  }, [e, u]);
+  const h = C(
+    async (b) => {
+      e && (await s(e.name, b), await u(), await i());
+    },
+    [e, s, u, i]
+  ), v = C(async () => {
+    e && (await a(e.name), await u(), await i());
+  }, [e, a, u, i]), j = C(async () => {
+    e && (await o(e.name), await u(), await i());
+  }, [e, o, u, i]), _ = C(() => {
+    x(null);
+  }, []), g = C(() => {
+    f && (h(f.id), x(null));
+  }, [f, h]);
+  return e?.isDLQ ? /* @__PURE__ */ t.jsx(Rt, { children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between p-3 border-b border-border", children: [
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("h2", { className: "font-semibold text-lg", children: e.displayName }),
+        /* @__PURE__ */ t.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          r.length,
+          " failed job",
+          r.length !== 1 ? "s" : "",
+          " in dead letter queue"
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ t.jsxs(ee, { children: [
+          /* @__PURE__ */ t.jsx(te, { asChild: !0, children: /* @__PURE__ */ t.jsx(Z, { variant: "ghost", size: "icon", onClick: u, disabled: d, children: /* @__PURE__ */ t.jsx(oe, { className: `h-4 w-4 ${d ? "animate-spin" : ""}` }) }) }),
+          /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx("p", { children: "Refresh DLQ jobs list" }) })
+        ] }),
+        /* @__PURE__ */ t.jsxs(ee, { children: [
+          /* @__PURE__ */ t.jsx(te, { asChild: !0, children: /* @__PURE__ */ t.jsxs(Z, { variant: "outline", size: "sm", onClick: v, disabled: r.length === 0, children: [
+            /* @__PURE__ */ t.jsx(oe, { className: "mr-2 h-4 w-4" }),
+            "Retry All"
+          ] }) }),
+          /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx("p", { children: "Re-queue all failed jobs to the original queue" }) })
+        ] }),
+        /* @__PURE__ */ t.jsxs(ee, { children: [
+          /* @__PURE__ */ t.jsx(te, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
+            Z,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: j,
+              disabled: r.length === 0,
+              className: "text-destructive",
+              children: [
+                /* @__PURE__ */ t.jsx(fe, { className: "mr-2 h-4 w-4" }),
+                "Clear All"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx("p", { children: "Permanently delete all jobs from DLQ" }) })
+        ] })
+      ] })
+    ] }),
+    r.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center flex-1 text-muted-foreground", children: "No jobs in dead letter queue" }) : /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ t.jsxs(Tt, { children: [
+      /* @__PURE__ */ t.jsx(Mt, { className: "sticky top-0 bg-background/95 backdrop-blur-sm", children: /* @__PURE__ */ t.jsxs(Ne, { children: [
+        /* @__PURE__ */ t.jsx(B, { className: "w-[180px]", children: "Job ID" }),
+        /* @__PURE__ */ t.jsx(B, { className: "w-[180px]", children: "Original Job" }),
+        /* @__PURE__ */ t.jsx(B, { children: "Failure Reason" }),
+        /* @__PURE__ */ t.jsx(B, { className: "w-[100px]", children: "Attempts" }),
+        /* @__PURE__ */ t.jsx(B, { className: "w-[150px]", children: "Failed At" }),
+        /* @__PURE__ */ t.jsx(B, { className: "w-[100px]", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ t.jsx(Ot, { children: r.map((b) => /* @__PURE__ */ t.jsxs(
+        Ne,
+        {
+          className: "cursor-pointer hover:bg-muted-foreground/10",
+          onClick: () => x(b),
+          children: [
+            /* @__PURE__ */ t.jsx(K, { className: "font-mono text-xs", children: b.id }),
+            /* @__PURE__ */ t.jsx(K, { className: "font-mono text-xs text-muted-foreground", children: b.originalJobId || "-" }),
+            /* @__PURE__ */ t.jsx(K, { className: "text-destructive text-sm truncate max-w-[300px]", children: b.failureReason }),
+            /* @__PURE__ */ t.jsx(K, { children: b.attemptsMade }),
+            /* @__PURE__ */ t.jsx(K, { className: "text-xs text-muted-foreground", children: Ce(b.failureTimestamp, { addSuffix: !0 }) }),
+            /* @__PURE__ */ t.jsx(K, { onClick: (S) => S.stopPropagation(), children: /* @__PURE__ */ t.jsxs(ee, { children: [
+              /* @__PURE__ */ t.jsx(te, { asChild: !0, children: /* @__PURE__ */ t.jsx(Z, { variant: "ghost", size: "sm", onClick: () => h(b.id), children: /* @__PURE__ */ t.jsx(oe, { className: "h-4 w-4" }) }) }),
+              /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx("p", { children: "Retry this job" }) })
+            ] }) })
+          ]
+        },
+        b.id
+      )) })
+    ] }) }),
+    f && /* @__PURE__ */ t.jsx(
+      Pt,
+      {
+        onClose: _,
+        title: "Dead Letter Job",
+        initialWidth: 600,
+        tabs: [
+          {
+            label: "Details",
+            content: /* @__PURE__ */ t.jsx(qt, { job: f, onRetry: g })
+          },
+          {
+            label: "Event Data",
+            content: /* @__PURE__ */ t.jsx(Ht, { data: f.originalEvent })
+          }
+        ],
+        actions: [{ icon: /* @__PURE__ */ t.jsx(Ve, {}), onClick: _, label: "Close" }]
+      }
+    )
+  ] }) }) : null;
+});
+Vt.displayName = "DLQPanel";
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Us = [
+  ["path", { d: "M7 7h10v10", key: "1tivn9" }],
+  ["path", { d: "M7 17 17 7", key: "1vkiza" }]
+], Yt = G("arrow-up-right", Us), Zt = Y(({ data: e }) => /* @__PURE__ */ t.jsx("div", { className: "bg-muted/30 p-4 rounded", children: /* @__PURE__ */ t.jsx(De, { src: e, theme: "atom", collapsed: 2 }) }));
+Zt.displayName = "JobDataTab";
+const Xt = Y(({ opts: e }) => /* @__PURE__ */ t.jsx("div", { className: "bg-muted/30 p-4 rounded", children: /* @__PURE__ */ t.jsx(De, { src: e, theme: "atom", collapsed: 2 }) }));
+Xt.displayName = "JobOptionsTab";
+const Bt = Y(({ returnvalue: e }) => /* @__PURE__ */ t.jsx("div", { className: "bg-muted/30 p-4 rounded", children: /* @__PURE__ */ t.jsx(De, { src: e, theme: "atom", collapsed: 2 }) }));
+Bt.displayName = "JobResultTab";
+const Kt = Y(({ failedReason: e, stacktrace: n }) => /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
+  /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("div", { className: "text-sm font-semibold text-destructive mb-1", children: "Error Message" }),
+    /* @__PURE__ */ t.jsx("div", { className: "font-mono text-sm bg-destructive/10 p-3 rounded text-destructive", children: e })
+  ] }),
+  n && n.length > 0 && /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("div", { className: "text-sm font-semibold text-muted-foreground mb-1", children: "Stack Trace" }),
+    /* @__PURE__ */ t.jsx("pre", { className: "font-mono text-xs bg-muted p-3 rounded overflow-auto max-h-[300px]", children: n.join(`
+`) })
+  ] })
+] }));
+Kt.displayName = "JobErrorTab";
+const Gt = Y(() => {
+  const e = M((g) => g.selectedJob), n = M((g) => g.selectedQueue), s = M((g) => g.jobDetailOpen), a = M((g) => g.setJobDetailOpen), o = M((g) => g.setSelectedJob), { retryJob: i, removeJob: r, promoteJob: c } = Ee(), d = C(() => {
+    a(!1), o(null);
+  }, [a, o]), m = C(async () => {
+    !n || !e || (await i(n.name, e.id), d());
+  }, [n, e, i, d]), f = C(async () => {
+    !n || !e || (await r(n.name, e.id), d());
+  }, [n, e, r, d]), x = C(async () => {
+    !n || !e || (await c(n.name, e.id), d());
+  }, [n, e, c, d]);
+  if (!s || !e || !n) return null;
+  const u = !!e.failedReason, h = e.delay && e.delay > 0, v = e.returnvalue !== void 0 && e.returnvalue !== null, j = [
+    { label: "Data", content: /* @__PURE__ */ t.jsx(Zt, { data: e.data }) },
+    { label: "Options", content: /* @__PURE__ */ t.jsx(Xt, { opts: e.opts }) },
+    ...v ? [{ label: "Result", content: /* @__PURE__ */ t.jsx(Bt, { returnvalue: e.returnvalue }) }] : [],
+    ...u ? [
+      {
+        label: "Error",
+        content: /* @__PURE__ */ t.jsx(Kt, { failedReason: e.failedReason, stacktrace: e.stacktrace })
+      }
+    ] : []
+  ], _ = u ? /* @__PURE__ */ t.jsx("span", { className: "text-destructive", children: "Failed" }) : e.finishedOn ? /* @__PURE__ */ t.jsx("span", { className: "text-green-500", children: "Completed" }) : e.processedOn ? /* @__PURE__ */ t.jsx("span", { className: "text-yellow-500", children: "Processing" }) : h ? /* @__PURE__ */ t.jsx("span", { className: "text-purple-500", children: "Delayed" }) : /* @__PURE__ */ t.jsx("span", { className: "text-blue-500", children: "Waiting" });
+  return /* @__PURE__ */ t.jsx(
+    Pt,
+    {
+      onClose: d,
+      title: e.name,
+      initialWidth: 600,
+      tabs: j,
+      actions: [{ icon: /* @__PURE__ */ t.jsx(Ve, {}), onClick: d, label: "Close" }],
+      children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2", children: [
+          u && /* @__PURE__ */ t.jsxs(Z, { variant: "outline", size: "sm", onClick: m, children: [
+            /* @__PURE__ */ t.jsx(oe, { className: "mr-2 h-4 w-4" }),
+            "Retry"
+          ] }),
+          h && /* @__PURE__ */ t.jsxs(Z, { variant: "outline", size: "sm", onClick: x, children: [
+            /* @__PURE__ */ t.jsx(Yt, { className: "mr-2 h-4 w-4" }),
+            "Promote"
+          ] }),
+          /* @__PURE__ */ t.jsxs(Z, { variant: "outline", size: "sm", onClick: f, className: "text-destructive", children: [
+            /* @__PURE__ */ t.jsx(fe, { className: "mr-2 h-4 w-4" }),
+            "Remove"
+          ] })
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
+          /* @__PURE__ */ t.jsxs("div", { children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Job ID" }),
+            /* @__PURE__ */ t.jsx("div", { className: "font-mono text-xs", children: e.id })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Status" }),
+            /* @__PURE__ */ t.jsx("div", { className: "font-semibold", children: _ })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Created" }),
+            /* @__PURE__ */ t.jsx("div", { children: Ce(e.timestamp, { addSuffix: !0 }) })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Attempts" }),
+            /* @__PURE__ */ t.jsx("div", { className: "font-semibold", children: e.attemptsMade })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Progress" }),
+            /* @__PURE__ */ t.jsx("div", { className: "font-semibold", children: typeof e.progress == "number" ? `${e.progress}%` : "-" })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Delay" }),
+            /* @__PURE__ */ t.jsx("div", { className: "font-semibold", children: e.delay ? `${e.delay}ms` : "-" })
+          ] })
+        ] })
+      ] })
+    }
+  );
+});
+Gt.displayName = "JobDetail";
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ws = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
+  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
+], en = G("ellipsis-vertical", Ws);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const zs = [
+  ["rect", { x: "14", y: "3", width: "5", height: "18", rx: "1", key: "kaeet6" }],
+  ["rect", { x: "5", y: "3", width: "5", height: "18", rx: "1", key: "1wsw3u" }]
+], tn = G("pause", zs);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qs = [
+  [
+    "path",
+    {
+      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+      key: "10ikf1"
+    }
+  ]
+], Hs = G("play", qs), nn = Y(({ job: e, queueName: n, onSelect: s, isSelected: a }) => {
+  const { retryJob: o, removeJob: i, promoteJob: r } = Ee(), c = C(
+    (f) => {
+      f.stopPropagation(), o(n, e.id);
+    },
+    [n, e.id, o]
+  ), d = C(
+    (f) => {
+      f.stopPropagation(), i(n, e.id);
+    },
+    [n, e.id, i]
+  ), m = C(
+    (f) => {
+      f.stopPropagation(), r(n, e.id);
+    },
+    [n, e.id, r]
+  );
+  return /* @__PURE__ */ t.jsxs(
+    Ne,
+    {
+      onClick: s,
+      className: re(
+        "cursor-pointer border-0",
+        a ? "bg-muted-foreground/10 hover:bg-muted-foreground/20" : "hover:bg-muted-foreground/10"
+      ),
+      children: [
+        /* @__PURE__ */ t.jsx(K, { className: "font-mono text-xs", children: e.id }),
+        /* @__PURE__ */ t.jsx(K, { className: "font-medium", children: e.name }),
+        /* @__PURE__ */ t.jsx(K, { className: "text-xs text-muted-foreground", children: Ce(e.timestamp, { addSuffix: !0 }) }),
+        /* @__PURE__ */ t.jsx(K, { children: /* @__PURE__ */ t.jsx("span", { className: "text-xs", children: e.attemptsMade }) }),
+        /* @__PURE__ */ t.jsx(K, { children: typeof e.progress == "number" ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ t.jsx("div", { className: "w-16 h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ t.jsx("div", { className: "h-full bg-primary transition-all", style: { width: `${Math.min(100, e.progress)}%` } }) }),
+          /* @__PURE__ */ t.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            e.progress,
+            "%"
+          ] })
+        ] }) : /* @__PURE__ */ t.jsx("span", { className: "text-xs text-muted-foreground", children: "-" }) }),
+        /* @__PURE__ */ t.jsx(K, { onClick: (f) => f.stopPropagation(), children: /* @__PURE__ */ t.jsxs(Lt, { children: [
+          /* @__PURE__ */ t.jsx(Qt, { asChild: !0, children: /* @__PURE__ */ t.jsx(Z, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ t.jsx(en, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ t.jsxs(Jt, { align: "end", children: [
+            e.failedReason && /* @__PURE__ */ t.jsxs(ue, { onClick: c, children: [
+              /* @__PURE__ */ t.jsx(oe, { className: "mr-2 h-4 w-4" }),
+              "Retry"
+            ] }),
+            e.delay && e.delay > 0 && /* @__PURE__ */ t.jsxs(ue, { onClick: m, children: [
+              /* @__PURE__ */ t.jsx(Yt, { className: "mr-2 h-4 w-4" }),
+              "Promote"
+            ] }),
+            /* @__PURE__ */ t.jsxs(ue, { onClick: d, className: "text-destructive", children: [
+              /* @__PURE__ */ t.jsx(fe, { className: "mr-2 h-4 w-4" }),
+              "Remove"
+            ] })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+});
+nn.displayName = "JobRow";
+const sn = Y(() => {
+  const e = M((r) => r.jobs), n = M((r) => r.selectedQueue), s = M((r) => r.selectedJob), a = M((r) => r.setSelectedJob), o = M((r) => r.setJobDetailOpen), i = C(
+    (r) => {
+      a(r), o(!0);
+    },
+    [a, o]
+  );
+  return n ? e.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground", children: "No jobs in this status" }) : /* @__PURE__ */ t.jsxs(Tt, { children: [
+    /* @__PURE__ */ t.jsx(Mt, { className: "sticky top-0 bg-background/95 backdrop-blur-sm", children: /* @__PURE__ */ t.jsxs(Ne, { children: [
+      /* @__PURE__ */ t.jsx(B, { className: "w-[200px]", children: "Job ID" }),
+      /* @__PURE__ */ t.jsx(B, { children: "Name" }),
+      /* @__PURE__ */ t.jsx(B, { className: "w-[150px]", children: "Created" }),
+      /* @__PURE__ */ t.jsx(B, { className: "w-[80px]", children: "Attempts" }),
+      /* @__PURE__ */ t.jsx(B, { className: "w-[140px]", children: "Progress" }),
+      /* @__PURE__ */ t.jsx(B, { className: "w-[60px]", children: "Actions" })
+    ] }) }),
+    /* @__PURE__ */ t.jsx(Ot, { children: e.map((r) => /* @__PURE__ */ t.jsx(
+      nn,
+      {
+        job: r,
+        queueName: n.name,
+        onSelect: () => i(r),
+        isSelected: s?.id === r.id
+      },
+      r.id
+    )) })
+  ] }) : /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground", children: "Select a queue to view jobs" });
+});
+sn.displayName = "JobsTable";
+const Vs = [
+  { value: "waiting", label: "Waiting" },
+  { value: "active", label: "Active" },
+  { value: "completed", label: "Completed" },
+  { value: "failed", label: "Failed" },
+  { value: "delayed", label: "Delayed" }
+], an = Y(() => {
+  const e = M((j) => j.selectedQueue), n = M((j) => j.selectedStatus), s = M((j) => j.setSelectedStatus), { pauseQueue: a, resumeQueue: o, cleanQueue: i, drainQueue: r, fetchQueues: c } = He(), { fetchJobs: d } = Ee(), m = C(async () => {
+    e && await a(e.name);
+  }, [e, a]), f = C(async () => {
+    e && await o(e.name);
+  }, [e, o]), x = C(async () => {
+    e && await i(e.name, "completed", 0, 1e3);
+  }, [e, i]), u = C(async () => {
+    e && await i(e.name, "failed", 0, 1e3);
+  }, [e, i]), h = C(async () => {
+    e && await r(e.name);
+  }, [e, r]), v = C(async () => {
+    e && (await c(), await d(e.name, n));
+  }, [e, n, c, d]);
+  return e ? /* @__PURE__ */ t.jsx(Rt, { children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between p-3 border-b border-border", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ t.jsx("h2", { className: "font-semibold text-lg", children: e.displayName }),
+        e.isPaused && /* @__PURE__ */ t.jsx("span", { className: "px-2 py-0.5 text-xs rounded bg-yellow-500/20 text-yellow-600", children: "Paused" })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ t.jsxs(ee, { children: [
+          /* @__PURE__ */ t.jsx(te, { asChild: !0, children: /* @__PURE__ */ t.jsx(Z, { variant: "ghost", size: "icon", onClick: v, children: /* @__PURE__ */ t.jsx(oe, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx("p", { children: "Refresh queue stats and jobs list" }) })
+        ] }),
+        e.isPaused ? /* @__PURE__ */ t.jsxs(ee, { children: [
+          /* @__PURE__ */ t.jsx(te, { asChild: !0, children: /* @__PURE__ */ t.jsxs(Z, { variant: "ghost", size: "sm", onClick: f, children: [
+            /* @__PURE__ */ t.jsx(Hs, { className: "mr-2 h-4 w-4" }),
+            "Resume"
+          ] }) }),
+          /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx("p", { children: "Resume processing jobs in this queue" }) })
+        ] }) : /* @__PURE__ */ t.jsxs(ee, { children: [
+          /* @__PURE__ */ t.jsx(te, { asChild: !0, children: /* @__PURE__ */ t.jsxs(Z, { variant: "ghost", size: "sm", onClick: m, children: [
+            /* @__PURE__ */ t.jsx(tn, { className: "mr-2 h-4 w-4" }),
+            "Pause"
+          ] }) }),
+          /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx("p", { children: "Stop workers from picking up new jobs" }) })
+        ] }),
+        /* @__PURE__ */ t.jsxs(ee, { children: [
+          /* @__PURE__ */ t.jsx(te, { asChild: !0, children: /* @__PURE__ */ t.jsxs(Lt, { children: [
+            /* @__PURE__ */ t.jsx(Qt, { asChild: !0, children: /* @__PURE__ */ t.jsx(Z, { variant: "ghost", size: "icon", children: /* @__PURE__ */ t.jsx(en, { className: "h-4 w-4" }) }) }),
+            /* @__PURE__ */ t.jsxs(Jt, { align: "end", children: [
+              /* @__PURE__ */ t.jsxs(ue, { onClick: x, children: [
+                /* @__PURE__ */ t.jsx(fe, { className: "mr-2 h-4 w-4" }),
+                "Clean Completed"
+              ] }),
+              /* @__PURE__ */ t.jsxs(ue, { onClick: u, children: [
+                /* @__PURE__ */ t.jsx(fe, { className: "mr-2 h-4 w-4" }),
+                "Clean Failed"
+              ] }),
+              /* @__PURE__ */ t.jsx(dn, {}),
+              /* @__PURE__ */ t.jsxs(ue, { onClick: h, className: "text-destructive", children: [
+                /* @__PURE__ */ t.jsx(fe, { className: "mr-2 h-4 w-4" }),
+                "Drain Queue"
+              ] })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx("p", { children: "More actions" }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "p-3 border-b border-border", children: /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-6 gap-4 text-center", children: [
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("div", { className: "text-2xl font-bold text-blue-500", children: e.stats.waiting }),
+        /* @__PURE__ */ t.jsx("div", { className: "text-xs text-muted-foreground", children: "Waiting" })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("div", { className: "text-2xl font-bold text-yellow-500", children: e.stats.active }),
+        /* @__PURE__ */ t.jsx("div", { className: "text-xs text-muted-foreground", children: "Active" })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("div", { className: "text-2xl font-bold text-green-500", children: e.stats.completed }),
+        /* @__PURE__ */ t.jsx("div", { className: "text-xs text-muted-foreground", children: "Completed" })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("div", { className: "text-2xl font-bold text-destructive", children: e.stats.failed }),
+        /* @__PURE__ */ t.jsx("div", { className: "text-xs text-muted-foreground", children: "Failed" })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("div", { className: "text-2xl font-bold text-purple-500", children: e.stats.delayed }),
+        /* @__PURE__ */ t.jsx("div", { className: "text-xs text-muted-foreground", children: "Delayed" })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("div", { className: "text-2xl font-bold text-muted-foreground", children: e.stats.paused }),
+        /* @__PURE__ */ t.jsx("div", { className: "text-xs text-muted-foreground", children: "Paused" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ t.jsxs(
+      un,
+      {
+        value: n,
+        onValueChange: (j) => s(j),
+        className: "flex-1 flex flex-col",
+        children: [
+          /* @__PURE__ */ t.jsx("div", { className: "px-3 pt-2 border-b border-border", children: /* @__PURE__ */ t.jsx(fn, { children: Vs.map((j) => /* @__PURE__ */ t.jsxs(
+            mn,
+            {
+              value: j.value,
+              className: re(
+                "relative",
+                n === j.value && "after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-primary"
+              ),
+              children: [
+                j.label,
+                e.stats[j.value] > 0 && /* @__PURE__ */ t.jsx("span", { className: "ml-1.5 px-1.5 py-0.5 text-[10px] rounded-full bg-muted", children: e.stats[j.value] })
+              ]
+            },
+            j.value
+          )) }) }),
+          /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ t.jsx(sn, {}) })
+        ]
+      }
+    )
+  ] }) }) : /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground", children: "Select a queue from the list to view details" });
+});
+an.displayName = "QueueDetail";
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ys = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], Zs = G("triangle-alert", Ys);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Xs = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+], Bs = G("layers", Xs);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ks = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], Gs = G("search", Ks);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ea = [
+  ["path", { d: "m12.5 17-.5-1-.5 1h1z", key: "3me087" }],
+  [
+    "path",
+    {
+      d: "M15 22a1 1 0 0 0 1-1v-1a2 2 0 0 0 1.56-3.25 8 8 0 1 0-11.12 0A2 2 0 0 0 8 20v1a1 1 0 0 0 1 1z",
+      key: "1o5pge"
+    }
+  ],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }]
+], ta = G("skull", ea), ze = Y(({ queue: e, isSelected: n, onClick: s }) => {
+  const a = e.stats.waiting + e.stats.active + e.stats.delayed + e.stats.prioritized, o = e.stats.failed > 0;
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: s,
+      className: re(
+        "w-full text-left p-3 transition-colors border-b border-border",
+        n ? "bg-muted-foreground/10" : "hover:bg-muted/70"
+      ),
+      children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+          e.isDLQ ? /* @__PURE__ */ t.jsx(ta, { className: "w-4 h-4 text-destructive" }) : /* @__PURE__ */ t.jsx(Bs, { className: "w-4 h-4 text-muted-foreground" }),
+          /* @__PURE__ */ t.jsx("span", { className: "font-semibold text-sm truncate flex-1", children: e.displayName }),
+          e.isPaused && /* @__PURE__ */ t.jsx(tn, { className: "w-3 h-3 text-yellow-500" }),
+          o && /* @__PURE__ */ t.jsx(Zs, { className: "w-3 h-3 text-destructive" })
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-4 gap-1 text-xs", children: [
+          /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Wait" }),
+            /* @__PURE__ */ t.jsx("span", { className: re("font-mono", e.stats.waiting > 0 && "text-blue-500"), children: e.stats.waiting })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Active" }),
+            /* @__PURE__ */ t.jsx("span", { className: re("font-mono", e.stats.active > 0 && "text-yellow-500"), children: e.stats.active })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Done" }),
+            /* @__PURE__ */ t.jsx("span", { className: re("font-mono", e.stats.completed > 0 && "text-green-500"), children: e.stats.completed })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "Failed" }),
+            /* @__PURE__ */ t.jsx("span", { className: re("font-mono", e.stats.failed > 0 && "text-destructive"), children: e.stats.failed })
+          ] })
+        ] }),
+        (e.stats.delayed > 0 || a > 0) && /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 mt-1 text-xs text-muted-foreground", children: [
+          e.stats.delayed > 0 && /* @__PURE__ */ t.jsxs("span", { children: [
+            e.stats.delayed,
+            " delayed"
+          ] }),
+          a > 0 && /* @__PURE__ */ t.jsxs("span", { className: "ml-auto", children: [
+            a,
+            " pending"
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+ze.displayName = "QueueItem";
+const rn = Y(() => {
+  const e = M((d) => d.queues), n = M((d) => d.selectedQueue), s = M((d) => d.setSelectedQueue), a = M((d) => d.searchQuery), o = M((d) => d.setSearchQuery), i = ye(() => {
+    if (!a) return e;
+    const d = a.toLowerCase();
+    return e.filter((m) => m.name.toLowerCase().includes(d) || m.displayName.toLowerCase().includes(d));
+  }, [e, a]), r = ye(() => i.filter((d) => !d.isDLQ), [i]), c = ye(() => i.filter((d) => d.isDLQ), [i]);
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "p-2 border-b border-border", children: /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ t.jsx(
+        hn,
+        {
+          variant: "shade",
+          value: a,
+          onChange: (d) => o(d.target.value),
+          className: "px-9 font-medium text-sm",
+          placeholder: "Search queues..."
+        }
+      ),
+      /* @__PURE__ */ t.jsx(Gs, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" }),
+      a && /* @__PURE__ */ t.jsx(
+        Ve,
+        {
+          className: "cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground",
+          onClick: () => o("")
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex-1 overflow-auto", children: [
+      r.length > 0 && /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "px-3 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider bg-muted/30", children: [
+          "Queues (",
+          r.length,
+          ")"
+        ] }),
+        r.map((d) => /* @__PURE__ */ t.jsx(
+          ze,
+          {
+            queue: d,
+            isSelected: n?.name === d.name,
+            onClick: () => s(d)
+          },
+          d.name
+        ))
+      ] }),
+      c.length > 0 && /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "px-3 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider bg-destructive/10", children: [
+          "Dead Letter Queues (",
+          c.length,
+          ")"
+        ] }),
+        c.map((d) => /* @__PURE__ */ t.jsx(
+          ze,
+          {
+            queue: d,
+            isSelected: n?.name === d.name,
+            onClick: () => s(d)
+          },
+          d.name
+        ))
+      ] }),
+      i.length === 0 && /* @__PURE__ */ t.jsx("div", { className: "p-4 text-center text-muted-foreground text-sm", children: a ? "No queues match your search" : "No queues found" })
+    ] })
+  ] });
+});
+rn.displayName = "QueueList";
+const na = Y(() => {
+  const e = M((a) => a.selectedQueue), n = M((a) => a.updateSelectedQueueStats), { queues: s } = He();
+  return ie(() => {
+    if (e) {
+      const a = s.find((o) => o.name === e.name);
+      a && n(a);
+    }
+  }, [s, e, n]), /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-[300px_1fr] h-full overflow-hidden", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "border-r border-border overflow-hidden", children: /* @__PURE__ */ t.jsx(rn, {}) }),
+    /* @__PURE__ */ t.jsx("div", { className: "overflow-hidden", children: e?.isDLQ ? /* @__PURE__ */ t.jsx(Vt, {}) : /* @__PURE__ */ t.jsx(an, {}) }),
+    /* @__PURE__ */ t.jsx(Gt, {})
+  ] });
+});
+na.displayName = "QueuesPage";
+export {
+  na as QueuesPage
+};