@infinilabs/chat-message 0.0.0

package/dist/ChatMessage.js

@@ -0,0 +1,4950 @@
+import * as Xe from "react";
+import vt, { useState as T, useEffect as U, createElement as xr, useCallback as ke, memo as wt, forwardRef as jt, useRef as gr, useImperativeHandle as br } from "react";
+import { initReactI18next as kr, useTranslation as he, I18nextProvider as yr } from "react-i18next";
+import de from "clsx";
+import vr from "i18next";
+import { Loader as Oe, ChevronUp as _e, ChevronDown as Ne, Hammer as wr, Globe as jr, SquareArrowOutUpRight as _r, Brain as Nr, Check as _t, Copy as Nt, ThumbsUp as Cr, ThumbsDown as Er, Volume2 as Rr, RotateCcw as Tr, MoveRight as Sr, X as Ar } from "lucide-react";
+import { XMarkdown as Ct } from "@ant-design/x-markdown";
+import { create as Qe } from "zustand";
+import { useBoolean as Fr, useAsyncEffect as Or } from "ahooks";
+var Le = { exports: {} }, Se = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var mt;
+function Pr() {
+  if (mt) return Se;
+  mt = 1;
+  var e = vt, s = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(f, i, m) {
+    var u, y = {}, g = null, N = null;
+    m !== void 0 && (g = "" + m), i.key !== void 0 && (g = "" + i.key), i.ref !== void 0 && (N = i.ref);
+    for (u in i) o.call(i, u) && !d.hasOwnProperty(u) && (y[u] = i[u]);
+    if (f && f.defaultProps) for (u in i = f.defaultProps, i) y[u] === void 0 && (y[u] = i[u]);
+    return { $$typeof: s, type: f, key: g, ref: N, props: y, _owner: a.current };
+  }
+  return Se.Fragment = n, Se.jsx = c, Se.jsxs = c, Se;
+}
+var Ae = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var pt;
+function Ir() {
+  return pt || (pt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = vt, s = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), f = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), P = Symbol.iterator, $ = "@@iterator";
+    function _(r) {
+      if (r === null || typeof r != "object")
+        return null;
+      var l = P && r[P] || r[$];
+      return typeof l == "function" ? l : null;
+    }
+    var k = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function F(r) {
+      {
+        for (var l = arguments.length, p = new Array(l > 1 ? l - 1 : 0), j = 1; j < l; j++)
+          p[j - 1] = arguments[j];
+        Q("error", r, p);
+      }
+    }
+    function Q(r, l, p) {
+      {
+        var j = k.ReactDebugCurrentFrame, S = j.getStackAddendum();
+        S !== "" && (l += "%s", p = p.concat([S]));
+        var A = p.map(function(R) {
+          return String(R);
+        });
+        A.unshift("Warning: " + l), Function.prototype.apply.call(console[r], console, A);
+      }
+    }
+    var ee = !1, te = !1, H = !1, ne = !1, v = !1, M;
+    M = Symbol.for("react.module.reference");
+    function ue(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === d || v || r === a || r === m || r === u || ne || r === N || ee || te || H || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === y || r.$$typeof === c || r.$$typeof === f || r.$$typeof === i || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      r.$$typeof === M || r.getModuleId !== void 0));
+    }
+    function Z(r, l, p) {
+      var j = r.displayName;
+      if (j)
+        return j;
+      var S = l.displayName || l.name || "";
+      return S !== "" ? p + "(" + S + ")" : p;
+    }
+    function ae(r) {
+      return r.displayName || "Context";
+    }
+    function V(r) {
+      if (r == null)
+        return null;
+      if (typeof r.tag == "number" && F("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+        return r.displayName || r.name || null;
+      if (typeof r == "string")
+        return r;
+      switch (r) {
+        case o:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case d:
+          return "Profiler";
+        case a:
+          return "StrictMode";
+        case m:
+          return "Suspense";
+        case u:
+          return "SuspenseList";
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case f:
+            var l = r;
+            return ae(l) + ".Consumer";
+          case c:
+            var p = r;
+            return ae(p._context) + ".Provider";
+          case i:
+            return Z(r, r.render, "ForwardRef");
+          case y:
+            var j = r.displayName || null;
+            return j !== null ? j : V(r.type) || "Memo";
+          case g: {
+            var S = r, A = S._payload, R = S._init;
+            try {
+              return V(R(A));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var Y = Object.assign, G = 0, I, J, b, oe, xe, re, ie;
+    function z() {
+    }
+    z.__reactDisabledLog = !0;
+    function q() {
+      {
+        if (G === 0) {
+          I = console.log, J = console.info, b = console.warn, oe = console.error, xe = console.group, re = console.groupCollapsed, ie = console.groupEnd;
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            value: z,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
+          });
+        }
+        G++;
+      }
+    }
+    function fe() {
+      {
+        if (G--, G === 0) {
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: Y({}, r, {
+              value: I
+            }),
+            info: Y({}, r, {
+              value: J
+            }),
+            warn: Y({}, r, {
+              value: b
+            }),
+            error: Y({}, r, {
+              value: oe
+            }),
+            group: Y({}, r, {
+              value: xe
+            }),
+            groupCollapsed: Y({}, r, {
+              value: re
+            }),
+            groupEnd: Y({}, r, {
+              value: ie
+            })
+          });
+        }
+        G < 0 && F("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var me = k.ReactCurrentDispatcher, O;
+    function w(r, l, p) {
+      {
+        if (O === void 0)
+          try {
+            throw Error();
+          } catch (S) {
+            var j = S.stack.trim().match(/\n( *(at )?)/);
+            O = j && j[1] || "";
+          }
+        return `
+` + O + r;
+      }
+    }
+    var K = !1, le;
+    {
+      var Re = typeof WeakMap == "function" ? WeakMap : Map;
+      le = new Re();
+    }
+    function ge(r, l) {
+      if (!r || K)
+        return "";
+      {
+        var p = le.get(r);
+        if (p !== void 0)
+          return p;
+      }
+      var j;
+      K = !0;
+      var S = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var A;
+      A = me.current, me.current = null, q();
+      try {
+        if (l) {
+          var R = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(R.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(R, []);
+            } catch (X) {
+              j = X;
+            }
+            Reflect.construct(r, [], R);
+          } else {
+            try {
+              R.call();
+            } catch (X) {
+              j = X;
+            }
+            r.call(R.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (X) {
+            j = X;
+          }
+          r();
+        }
+      } catch (X) {
+        if (X && j && typeof X.stack == "string") {
+          for (var E = X.stack.split(`
+`), D = j.stack.split(`
+`), L = E.length - 1, W = D.length - 1; L >= 1 && W >= 0 && E[L] !== D[W]; )
+            W--;
+          for (; L >= 1 && W >= 0; L--, W--)
+            if (E[L] !== D[W]) {
+              if (L !== 1 || W !== 1)
+                do
+                  if (L--, W--, W < 0 || E[L] !== D[W]) {
+                    var se = `
+` + E[L].replace(" at new ", " at ");
+                    return r.displayName && se.includes("<anonymous>") && (se = se.replace("<anonymous>", r.displayName)), typeof r == "function" && le.set(r, se), se;
+                  }
+                while (L >= 1 && W >= 0);
+              break;
+            }
+        }
+      } finally {
+        K = !1, me.current = A, fe(), Error.prepareStackTrace = S;
+      }
+      var we = r ? r.displayName || r.name : "", be = we ? w(we) : "";
+      return typeof r == "function" && le.set(r, be), be;
+    }
+    function Ut(r, l, p) {
+      return ge(r, !1);
+    }
+    function Yt(r) {
+      var l = r.prototype;
+      return !!(l && l.isReactComponent);
+    }
+    function Pe(r, l, p) {
+      if (r == null)
+        return "";
+      if (typeof r == "function")
+        return ge(r, Yt(r));
+      if (typeof r == "string")
+        return w(r);
+      switch (r) {
+        case m:
+          return w("Suspense");
+        case u:
+          return w("SuspenseList");
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case i:
+            return Ut(r.render);
+          case y:
+            return Pe(r.type, l, p);
+          case g: {
+            var j = r, S = j._payload, A = j._init;
+            try {
+              return Pe(A(S), l, p);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Te = Object.prototype.hasOwnProperty, Ze = {}, et = k.ReactDebugCurrentFrame;
+    function Ie(r) {
+      if (r) {
+        var l = r._owner, p = Pe(r.type, r._source, l ? l.type : null);
+        et.setExtraStackFrame(p);
+      } else
+        et.setExtraStackFrame(null);
+    }
+    function Jt(r, l, p, j, S) {
+      {
+        var A = Function.call.bind(Te);
+        for (var R in r)
+          if (A(r, R)) {
+            var E = void 0;
+            try {
+              if (typeof r[R] != "function") {
+                var D = Error((j || "React class") + ": " + p + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw D.name = "Invariant Violation", D;
+              }
+              E = r[R](l, R, j, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (L) {
+              E = L;
+            }
+            E && !(E instanceof Error) && (Ie(S), F("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", j || "React class", p, R, typeof E), Ie(null)), E instanceof Error && !(E.message in Ze) && (Ze[E.message] = !0, Ie(S), F("Failed %s type: %s", p, E.message), Ie(null));
+          }
+      }
+    }
+    var Kt = Array.isArray;
+    function Be(r) {
+      return Kt(r);
+    }
+    function Xt(r) {
+      {
+        var l = typeof Symbol == "function" && Symbol.toStringTag, p = l && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return p;
+      }
+    }
+    function Qt(r) {
+      try {
+        return tt(r), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function tt(r) {
+      return "" + r;
+    }
+    function rt(r) {
+      if (Qt(r))
+        return F("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xt(r)), tt(r);
+    }
+    var st = k.ReactCurrentOwner, Ht = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, nt, ot;
+    function Zt(r) {
+      if (Te.call(r, "ref")) {
+        var l = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (l && l.isReactWarning)
+          return !1;
+      }
+      return r.ref !== void 0;
+    }
+    function er(r) {
+      if (Te.call(r, "key")) {
+        var l = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (l && l.isReactWarning)
+          return !1;
+      }
+      return r.key !== void 0;
+    }
+    function tr(r, l) {
+      typeof r.ref == "string" && st.current;
+    }
+    function rr(r, l) {
+      {
+        var p = function() {
+          nt || (nt = !0, F("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        };
+        p.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: p,
+          configurable: !0
+        });
+      }
+    }
+    function sr(r, l) {
+      {
+        var p = function() {
+          ot || (ot = !0, F("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        };
+        p.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: p,
+          configurable: !0
+        });
+      }
+    }
+    var nr = function(r, l, p, j, S, A, R) {
+      var E = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: s,
+        // Built-in properties that belong on the element
+        type: r,
+        key: l,
+        ref: p,
+        props: R,
+        // Record the component responsible for creating this element.
+        _owner: A
+      };
+      return E._store = {}, Object.defineProperty(E._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(E, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: j
+      }), Object.defineProperty(E, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: S
+      }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
+    };
+    function or(r, l, p, j, S) {
+      {
+        var A, R = {}, E = null, D = null;
+        p !== void 0 && (rt(p), E = "" + p), er(l) && (rt(l.key), E = "" + l.key), Zt(l) && (D = l.ref, tr(l, S));
+        for (A in l)
+          Te.call(l, A) && !Ht.hasOwnProperty(A) && (R[A] = l[A]);
+        if (r && r.defaultProps) {
+          var L = r.defaultProps;
+          for (A in L)
+            R[A] === void 0 && (R[A] = L[A]);
+        }
+        if (E || D) {
+          var W = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          E && rr(R, W), D && sr(R, W);
+        }
+        return nr(r, E, D, S, j, st.current, R);
+      }
+    }
+    var Ve = k.ReactCurrentOwner, at = k.ReactDebugCurrentFrame;
+    function ve(r) {
+      if (r) {
+        var l = r._owner, p = Pe(r.type, r._source, l ? l.type : null);
+        at.setExtraStackFrame(p);
+      } else
+        at.setExtraStackFrame(null);
+    }
+    var Ge;
+    Ge = !1;
+    function qe(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === s;
+    }
+    function it() {
+      {
+        if (Ve.current) {
+          var r = V(Ve.current.type);
+          if (r)
+            return `
+
+Check the render method of \`` + r + "`.";
+        }
+        return "";
+      }
+    }
+    function ar(r) {
+      return "";
+    }
+    var lt = {};
+    function ir(r) {
+      {
+        var l = it();
+        if (!l) {
+          var p = typeof r == "string" ? r : r.displayName || r.name;
+          p && (l = `
+
+Check the top-level render call using <` + p + ">.");
+        }
+        return l;
+      }
+    }
+    function ct(r, l) {
+      {
+        if (!r._store || r._store.validated || r.key != null)
+          return;
+        r._store.validated = !0;
+        var p = ir(l);
+        if (lt[p])
+          return;
+        lt[p] = !0;
+        var j = "";
+        r && r._owner && r._owner !== Ve.current && (j = " It was passed a child from " + V(r._owner.type) + "."), ve(r), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, j), ve(null);
+      }
+    }
+    function dt(r, l) {
+      {
+        if (typeof r != "object")
+          return;
+        if (Be(r))
+          for (var p = 0; p < r.length; p++) {
+            var j = r[p];
+            qe(j) && ct(j, l);
+          }
+        else if (qe(r))
+          r._store && (r._store.validated = !0);
+        else if (r) {
+          var S = _(r);
+          if (typeof S == "function" && S !== r.entries)
+            for (var A = S.call(r), R; !(R = A.next()).done; )
+              qe(R.value) && ct(R.value, l);
+        }
+      }
+    }
+    function lr(r) {
+      {
+        var l = r.type;
+        if (l == null || typeof l == "string")
+          return;
+        var p;
+        if (typeof l == "function")
+          p = l.propTypes;
+        else if (typeof l == "object" && (l.$$typeof === i || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        l.$$typeof === y))
+          p = l.propTypes;
+        else
+          return;
+        if (p) {
+          var j = V(l);
+          Jt(p, r.props, "prop", j, r);
+        } else if (l.PropTypes !== void 0 && !Ge) {
+          Ge = !0;
+          var S = V(l);
+          F("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
+        }
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && F("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function cr(r) {
+      {
+        for (var l = Object.keys(r.props), p = 0; p < l.length; p++) {
+          var j = l[p];
+          if (j !== "children" && j !== "key") {
+            ve(r), F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", j), ve(null);
+            break;
+          }
+        }
+        r.ref !== null && (ve(r), F("Invalid attribute `ref` supplied to `React.Fragment`."), ve(null));
+      }
+    }
+    var ut = {};
+    function ft(r, l, p, j, S, A) {
+      {
+        var R = ue(r);
+        if (!R) {
+          var E = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (E += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var D = ar();
+          D ? E += D : E += it();
+          var L;
+          r === null ? L = "null" : Be(r) ? L = "array" : r !== void 0 && r.$$typeof === s ? (L = "<" + (V(r.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : L = typeof r, F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, E);
+        }
+        var W = or(r, l, p, S, A);
+        if (W == null)
+          return W;
+        if (R) {
+          var se = l.children;
+          if (se !== void 0)
+            if (j)
+              if (Be(se)) {
+                for (var we = 0; we < se.length; we++)
+                  dt(se[we], r);
+                Object.freeze && Object.freeze(se);
+              } else
+                F("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
+              dt(se, r);
+        }
+        if (Te.call(l, "key")) {
+          var be = V(r), X = Object.keys(l).filter(function(hr) {
+            return hr !== "key";
+          }), De = X.length > 0 ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ut[be + De]) {
+            var pr = X.length > 0 ? "{" + X.join(": ..., ") + ": ...}" : "{}";
+            F(`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} />`, De, be, pr, be), ut[be + De] = !0;
+          }
+        }
+        return r === o ? cr(W) : lr(W), W;
+      }
+    }
+    function dr(r, l, p) {
+      return ft(r, l, p, !0);
+    }
+    function ur(r, l, p) {
+      return ft(r, l, p, !1);
+    }
+    var fr = ur, mr = dr;
+    Ae.Fragment = o, Ae.jsx = fr, Ae.jsxs = mr;
+  })()), Ae;
+}
+var ht;
+function Lr() {
+  return ht || (ht = 1, process.env.NODE_ENV === "production" ? Le.exports = Pr() : Le.exports = Ir()), Le.exports;
+}
+var t = Lr();
+const Mr = {
+  en: {
+    translation: {
+      assistant: {
+        message: {
+          logo: "Coco AI Logo",
+          aiName: "Coco AI",
+          thinkingButton: "View thinking process",
+          steps: {
+            query_intent: "Understand the query",
+            tools: "Call LLM Tools",
+            source_zero: "Searching for relevant documents",
+            fetch_source: "Retrieve {{count}} documents",
+            pick_source: "Intelligent pick {{count}} results",
+            pick_source_start: "Intelligently pre-selecting",
+            deep_read: "Deep reading",
+            think: "AI is thinking...",
+            thoughtTime: "Thought for a few seconds",
+            keywords: "Keywords",
+            questionType: "Query Type",
+            userIntent: "User Intent",
+            relatedQuestions: "Query",
+            suggestion: "Suggestion",
+            informationSeeking: "Information Seeking"
+          }
+        }
+      }
+    }
+  },
+  zh: {
+    translation: {
+      assistant: {
+        message: {
+          logo: "Coco AI 图标",
+          aiName: "Coco AI",
+          thinkingButton: "查看思考过程",
+          steps: {
+            query_intent: "理解查询",
+            tools: "调用大模型工具",
+            source_zero: "正在搜索相关文档",
+            fetch_source: "检索 {{count}} 份文档",
+            pick_source: "智能预选 {{count}} 个结果",
+            pick_source_start: "正在智能预选",
+            deep_read: "深度阅读",
+            think: "AI 正在思考...",
+            thoughtTime: "思考了数秒",
+            keywords: "关键词",
+            questionType: "查询类型",
+            userIntent: "用户意图",
+            relatedQuestions: "查询",
+            suggestion: "建议",
+            informationSeeking: "信息查询"
+          }
+        }
+      }
+    }
+  }
+}, Et = vr.createInstance();
+Et.use(kr).init({
+  resources: Mr,
+  lng: "en",
+  fallbackLng: "en",
+  interpolation: {
+    escapeValue: !1
+  },
+  react: {
+    useSuspense: !1
+  }
+});
+const zr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3ccircle%20cx='50'%20cy='50'%20r='40'%20stroke='black'%20stroke-width='3'%20fill='red'%20/%3e%3c/svg%3e";
+function $e({
+  size: e = 18,
+  children: s,
+  className: n,
+  title: o,
+  onClick: a,
+  action: d = !1,
+  ...c
+}) {
+  const f = (i) => {
+    a?.(i);
+  };
+  return /* @__PURE__ */ t.jsx(
+    "i",
+    {
+      style: {
+        width: e,
+        height: e
+      },
+      title: o,
+      onClick: f,
+      className: de(
+        "inline-flex items-center justify-center rounded-sm p-[2px] transition-all",
+        {
+          "cursor-pointer": d
+        },
+        n
+      ),
+      children: /* @__PURE__ */ t.jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          style: { width: "100%", height: "100%" },
+          ...c,
+          children: s
+        }
+      )
+    }
+  );
+}
+function Wr(e) {
+  return /* @__PURE__ */ t.jsx($e, { ...e, viewBox: "0 0 16 16", children: /* @__PURE__ */ t.jsx(
+    "g",
+    {
+      id: "Understand",
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ t.jsxs(
+        "g",
+        {
+          id: "编组",
+          transform: "translate(0.5, 0.5)",
+          stroke: "currentColor",
+          strokeWidth: "1.25",
+          children: [
+            /* @__PURE__ */ t.jsx(
+              "path",
+              {
+                d: "M7.44444444,3 C9.89904333,3 11.8888889,4.95366655 11.8888889,7.36363636 C11.8888889,9.06711551 10.8946979,10.5426108 9.44492275,11.2613085 L9.44444444,12.2727273 C9.44444444,13.3772968 8.54901394,14.2727273 7.44444444,14.2727273 C6.33987494,14.2727273 5.44444444,13.3772968 5.44444444,12.2727273 L5.44396614,11.2613085 C3.99419095,10.5426108 3,9.06711551 3,7.36363636 C3,4.95366655 4.98984556,3 7.44444444,3 Z",
+                id: "形状结合"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "5.5",
+                y1: "11.2156017",
+                x2: "9.5",
+                y2: "11.2156017",
+                id: "路径-11"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "7.44444444",
+                y1: "10.6363636",
+                x2: "7.44444444",
+                y2: "8.45454545",
+                id: "路径-12"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "7.44444444",
+                y1: "0.818181818",
+                x2: "7.44444444",
+                y2: "0.272727273",
+                id: "路径-12备份"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "12.352383",
+                y1: "2.81770629",
+                x2: "12.3574335",
+                y2: "2.26720124",
+                id: "路径-12备份",
+                transform: "translate(12.3549, 2.5425) rotate(45) translate(-12.3549, -2.5425)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "14.3888889",
+                y1: "7.64141414",
+                x2: "14.3888889",
+                y2: "7.08585859",
+                id: "路径-12备份",
+                transform: "translate(14.3889, 7.3636) rotate(90) translate(-14.3889, -7.3636)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "12.3574335",
+                y1: "12.4600715",
+                x2: "12.352383",
+                y2: "11.9095664",
+                id: "路径-12备份",
+                transform: "translate(12.3549, 12.1848) rotate(135) translate(-12.3549, -12.1848)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "2.53145543",
+                y1: "12.4600715",
+                x2: "2.53650594",
+                y2: "11.9095664",
+                id: "路径-12备份",
+                transform: "translate(2.534, 12.1848) rotate(225) translate(-2.534, -12.1848)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "0.5",
+                y1: "7.64141414",
+                x2: "0.5",
+                y2: "7.08585859",
+                id: "路径-12备份",
+                transform: "translate(0.5, 7.3636) rotate(270) translate(-0.5, -7.3636)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "2.53650594",
+                y1: "2.81770629",
+                x2: "2.53145543",
+                y2: "2.26720124",
+                id: "路径-12备份",
+                transform: "translate(2.534, 2.5425) rotate(315) translate(-2.534, -2.5425)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "polyline",
+              {
+                id: "路径-15",
+                transform: "translate(7.4398, 6.7308) rotate(-45) translate(-7.4398, -6.7308)",
+                points: "6.33632897 5.60310185 6.3568375 7.83853192 8.5432888 7.85859111"
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+const $r = ({
+  Detail: e,
+  ChunkData: s,
+  getSuggestion: n,
+  loading: o
+}) => {
+  const { t: a } = he(), [d, c] = T(!1), [f, i] = T(null);
+  return U(() => {
+    e?.payload && (i(e?.payload), e?.payload?.suggestion && n && n(e?.payload?.suggestion));
+  }, [e?.payload, n]), U(() => {
+    if (s?.message_chunk && !o)
+      try {
+        const u = s.message_chunk.replace(/^"|"$/g, "").match(/<JSON>([\s\S]*?)<\/JSON>/g);
+        if (u) {
+          const g = u[u.length - 1].replace(/<JSON>|<\/JSON>/g, ""), N = JSON.parse(g);
+          N?.suggestion && n && n(N?.suggestion), i(N);
+        }
+      } catch (m) {
+        console.error("Failed to process message chunk in QueryIntent:", m);
+      }
+  }, [s?.message_chunk, o, n]), !s && !e ? null : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2 mb-3 w-full", children: [
+    /* @__PURE__ */ t.jsxs(
+      "button",
+      {
+        onClick: () => c((m) => !m),
+        className: "inline-flex items-center gap-2 px-2 py-1 rounded-xl transition-colors border border-[#E6E6E6] dark:border-[#272626]",
+        children: [
+          o ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(Oe, { className: "w-4 h-4 animate-spin text-[#1990FF]" }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999] italic", children: a(
+              `assistant.message.steps.${s?.chunk_type || e.type}`
+            ) })
+          ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(Wr, { className: "w-4 h-4 text-[#38C200]" }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999]", children: a(
+              `assistant.message.steps.${s?.chunk_type || e.type}`
+            ) })
+          ] }),
+          d ? /* @__PURE__ */ t.jsx(_e, { className: "w-4 h-4" }) : /* @__PURE__ */ t.jsx(Ne, { className: "w-4 h-4" })
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ t.jsx("div", { className: "pl-2 border-l-2 border-[#e5e5e5] dark:border-[#4e4e56]", children: /* @__PURE__ */ t.jsx("div", { className: "text-[#8b8b8b] dark:text-[#a6a6a6] space-y-2", children: /* @__PURE__ */ t.jsxs("div", { className: "mb-4 space-y-2 text-xs", children: [
+      f?.keyword ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ t.jsxs("span", { className: "text-[#999999]", children: [
+          "- ",
+          a("assistant.message.steps.keywords"),
+          "："
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: f?.keyword?.map((m, u) => /* @__PURE__ */ t.jsxs(
+          "span",
+          {
+            className: "text-[#333333] dark:text-[#D8D8D8]",
+            children: [
+              m,
+              u < 2 && "、"
+            ]
+          },
+          m + u
+        )) })
+      ] }) : null,
+      f?.category ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ t.jsxs("span", { className: "text-[#999999]", children: [
+          "- ",
+          a("assistant.message.steps.questionType"),
+          "："
+        ] }),
+        /* @__PURE__ */ t.jsx("span", { className: "text-[#333333] dark:text-[#D8D8D8]", children: f?.category })
+      ] }) : null,
+      f?.intent ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-start gap-1", children: [
+        /* @__PURE__ */ t.jsxs("span", { className: "text-[#999999]", children: [
+          "- ",
+          a("assistant.message.steps.userIntent"),
+          "："
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { className: "flex-1 text-[#333333] dark:text-[#D8D8D8]", children: f?.intent })
+      ] }) : null,
+      f?.query ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-start gap-1", children: [
+        /* @__PURE__ */ t.jsxs("span", { className: "text-[#999999]", children: [
+          "- ",
+          a("assistant.message.steps.relatedQuestions"),
+          "："
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { className: "flex-1 flex flex-col text-[#333333] dark:text-[#D8D8D8]", children: f?.query?.map((m, u) => /* @__PURE__ */ t.jsxs("span", { children: [
+          "- ",
+          m
+        ] }, m + u)) })
+      ] }) : null
+    ] }) }) })
+  ] });
+}, Br = ({ Detail: e, ChunkData: s, loading: n }) => {
+  const { t: o } = he(), [a, d] = T(!1), [c, f] = T("");
+  return U(() => {
+    e?.description && f(e?.description);
+  }, [e?.description]), U(() => {
+    s?.message_chunk && f(s?.message_chunk);
+  }, [s?.message_chunk, c]), !s && !e ? null : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2 mb-3 w-full", children: [
+    /* @__PURE__ */ t.jsxs(
+      "button",
+      {
+        onClick: () => d((i) => !i),
+        className: "inline-flex items-center gap-2 px-2 py-1 rounded-xl transition-colors border border-[#E6E6E6] dark:border-[#272626]",
+        children: [
+          n ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(Oe, { className: "w-4 h-4 animate-spin text-[#1990FF]" }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999] italic", children: o(`assistant.message.steps.${s?.chunk_type}`) })
+          ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(wr, { className: "w-4 h-4 text-[#38C200]" }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999]", children: o(`assistant.message.steps.${s?.chunk_type}`) })
+          ] }),
+          a ? /* @__PURE__ */ t.jsx(_e, { className: "w-4 h-4" }) : /* @__PURE__ */ t.jsx(Ne, { className: "w-4 h-4" })
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ t.jsx("div", { className: "pl-2 border-l-2 border-[#e5e5e5] dark:border-[#4e4e56]", children: /* @__PURE__ */ t.jsx("div", { className: "text-[#8b8b8b] dark:text-[#a6a6a6] space-y-2", children: /* @__PURE__ */ t.jsx(Ct, { content: c || "" }) }) })
+  ] });
+}, Rt = async (e) => {
+  navigator.clipboard ? await navigator.clipboard.writeText(e) : console.log("Clipboard not available", e);
+}, Vr = (e) => {
+  window.open(e, "_blank");
+}, Gr = (e) => e + " B";
+function qr(e) {
+  return /* @__PURE__ */ t.jsx($e, { ...e, viewBox: "0 0 16 16", children: /* @__PURE__ */ t.jsxs(
+    "g",
+    {
+      id: "Retrieve",
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ t.jsx(
+          "line",
+          {
+            x1: "10.8977456",
+            y1: "14.5",
+            x2: "14",
+            y2: "10.9204757",
+            id: "路径",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            transform: "translate(12.4489, 12.7102) scale(-1, 1) translate(-12.4489, -12.7102)"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "circle",
+          {
+            id: "椭圆形",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            transform: "translate(7.5, 7) scale(-1, 1) translate(-7.5, -7)",
+            cx: "7.5",
+            cy: "7",
+            r: "5"
+          }
+        )
+      ]
+    }
+  ) });
+}
+const Dr = ({
+  Detail: e,
+  ChunkData: s,
+  loading: n,
+  formatUrl: o
+}) => {
+  const { t: a } = he(), [d, c] = T(!1), [f, i] = T(0), [m, u] = T([]);
+  U(() => {
+    e?.payload && (u(e?.payload), i(e?.payload.length));
+  }, [e?.payload]), U(() => {
+    if (s?.message_chunk && !n)
+      try {
+        const g = s.message_chunk.match(
+          // /\u003cPayload total=(\d+)\u003e/
+          /<Payload total=(\d+)>/
+        );
+        g && i(Number(g[1]));
+        const N = s.message_chunk.match(/\[([\s\S]*)\]/);
+        if (N) {
+          const P = JSON.parse(N[0]);
+          u(P);
+        }
+      } catch (g) {
+        console.error("Failed to parse fetch source data:", g);
+      }
+  }, [s?.message_chunk, n]);
+  const y = (g) => () => {
+    const N = o && o(g) || g.url;
+    N && Vr(N);
+  };
+  return !s && !e ? null : /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: `mt-2 mb-2 max-w-full w-full md:w-[610px] ${d ? "rounded-lg overflow-hidden border border-[#E6E6E6] dark:border-[#272626]" : ""}`,
+      children: [
+        /* @__PURE__ */ t.jsxs(
+          "button",
+          {
+            onClick: () => c((g) => !g),
+            className: `inline-flex justify-between items-center gap-2 px-2 py-1 rounded-xl transition-colors whitespace-nowrap ${d ? "w-full" : "border border-[#E6E6E6] dark:border-[#272626]"}`,
+            children: [
+              /* @__PURE__ */ t.jsxs("div", { className: "flex-1 min-w-0 flex items-center gap-2", children: [
+                /* @__PURE__ */ t.jsx(qr, { className: "w-4 h-4 text-[#38C200] shrink-0" }),
+                /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999]", children: a(
+                  `assistant.message.steps.${s?.chunk_type || e.type}`,
+                  {
+                    count: Number(f)
+                  }
+                ) })
+              ] }),
+              d ? /* @__PURE__ */ t.jsx(_e, { className: "w-4 h-4 text-[#999999]" }) : /* @__PURE__ */ t.jsx(Ne, { className: "w-4 h-4 text-[#999999]" })
+            ]
+          }
+        ),
+        d && /* @__PURE__ */ t.jsx(t.Fragment, { children: m?.map((g, N) => /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            onClick: y(g),
+            className: "group flex items-center p-2 hover:bg-[#F7F7F7] dark:hover:bg-[#2C2C2C] border-b border-[#E6E6E6] dark:border-[#272626] last:border-b-0 cursor-pointer transition-colors",
+            children: /* @__PURE__ */ t.jsxs("div", { className: "w-full flex items-center gap-2", children: [
+              /* @__PURE__ */ t.jsxs("div", { className: "w-[75%] mobile:w-full flex items-center gap-1", children: [
+                /* @__PURE__ */ t.jsx(jr, { className: "w-3 h-3 shrink-0" }),
+                /* @__PURE__ */ t.jsx("div", { className: "text-xs text-[#333333] dark:text-[#D8D8D8] truncate font-normal group-hover:text-[#0072FF] dark:group-hover:text-[#0072FF]", children: g.title || g.category })
+              ] }),
+              /* @__PURE__ */ t.jsxs(
+                "div",
+                {
+                  className: "flex-1 mobile:hidden flex items-center justify-end gap-2",
+                  children: [
+                    /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999] dark:text-[#999999] truncate", children: g.source?.name || g?.category }),
+                    /* @__PURE__ */ t.jsx(_r, { className: "w-3 h-3 text-[#999999] dark:text-[#999999] shrink-0" })
+                  ]
+                }
+              )
+            ] })
+          },
+          N
+        )) })
+      ]
+    }
+  );
+};
+function Ur(e) {
+  return /* @__PURE__ */ t.jsx($e, { ...e, viewBox: "0 0 16 16", children: /* @__PURE__ */ t.jsx(
+    "g",
+    {
+      id: "selection",
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd",
+      children: /* @__PURE__ */ t.jsxs(
+        "g",
+        {
+          id: "编组",
+          transform: "translate(1.4813, 1)",
+          stroke: "currentColor",
+          strokeWidth: "1.25",
+          children: [
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "6.7986538",
+                y1: "2.8",
+                x2: "6.7986538",
+                y2: "2.07241631e-17",
+                id: "路径",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "circle",
+              {
+                id: "椭圆形",
+                fill: "#000000",
+                cx: "6.7986538",
+                cy: "6.72",
+                r: "1"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "2.17440858e-17",
+                y1: "13.5186538",
+                x2: "4.62042688",
+                y2: "8.89822692",
+                id: "路径",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "10.1008425",
+                y1: "4.16781133",
+                x2: "10.1008425",
+                y2: "2.66781133",
+                id: "路径",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                transform: "translate(10.1008, 3.4178) rotate(45) translate(-10.1008, -3.4178)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "12.1186538",
+                y1: "8.12",
+                x2: "12.1186538",
+                y2: "5.32",
+                id: "路径",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                transform: "translate(12.1187, 6.72) rotate(90) translate(-12.1187, -6.72)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "10.1008425",
+                y1: "10.7721887",
+                x2: "10.1008425",
+                y2: "9.27218867",
+                id: "路径",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                transform: "translate(10.1008, 10.0222) rotate(135) translate(-10.1008, -10.0222)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "6.7986538",
+                y1: "13.44",
+                x2: "6.7986538",
+                y2: "10.64",
+                id: "路径",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                transform: "translate(6.7987, 12.04) rotate(180) translate(-6.7987, -12.04)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "1.4786538",
+                y1: "8.12",
+                x2: "1.4786538",
+                y2: "5.32",
+                id: "路径",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                transform: "translate(1.4787, 6.72) rotate(270) translate(-1.4787, -6.72)"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "line",
+              {
+                x1: "3.49646513",
+                y1: "4.16781133",
+                x2: "3.49646513",
+                y2: "2.66781133",
+                id: "路径",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                transform: "translate(3.4965, 3.4178) rotate(315) translate(-3.4965, -3.4178)"
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+const Yr = ({
+  Detail: e,
+  ChunkData: s,
+  loading: n
+}) => {
+  const { t: o } = he(), [a, d] = T(!1), [c, f] = T([]);
+  return U(() => {
+    e?.payload && f(e?.payload);
+  }, [e?.payload]), U(() => {
+    if (s?.message_chunk && !n)
+      try {
+        const m = s.message_chunk.replace(/^"|"$/g, "").match(/<JSON>([\s\S]*?)<\/JSON>/g);
+        if (m)
+          for (let u = m.length - 1; u >= 0; u--)
+            try {
+              const y = m[u].replace(/<JSON>|<\/JSON>|<think>|<\/think>/g, ""), g = JSON.parse(y.trim());
+              if (Array.isArray(g) && g.every((N) => N.id && N.title && N.explain)) {
+                f(g);
+                break;
+              }
+            } catch {
+              continue;
+            }
+      } catch (i) {
+        console.error("Failed to parse pick source data:", i);
+      }
+  }, [s?.message_chunk, n]), !s && !e ? null : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2 mb-3 w-full", children: [
+    /* @__PURE__ */ t.jsxs(
+      "button",
+      {
+        onClick: () => d((i) => !i),
+        className: "inline-flex items-center gap-2 px-2 py-1 rounded-xl transition-colors border border-[#E6E6E6] dark:border-[#272626]",
+        children: [
+          n ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(Oe, { className: "w-4 h-4 animate-spin text-[#1990FF]" }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999] italic", children: o("assistant.message.steps.pick_source_start") })
+          ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(Ur, { className: "w-4 h-4 text-[#38C200]" }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999]", children: o(
+              `assistant.message.steps.${s?.chunk_type || e.type}`,
+              {
+                count: c?.length
+              }
+            ) })
+          ] }),
+          a ? /* @__PURE__ */ t.jsx(_e, { className: "w-4 h-4" }) : /* @__PURE__ */ t.jsx(Ne, { className: "w-4 h-4" })
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ t.jsx("div", { className: "pl-2 border-l-2 border-[#e5e5e5] dark:border-[#4e4e56]", children: /* @__PURE__ */ t.jsx("div", { className: "text-[#8b8b8b] dark:text-[#a6a6a6] space-y-2", children: /* @__PURE__ */ t.jsx("div", { className: "mb-4 space-y-3 text-xs", children: c?.map((i) => /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: "p-3 rounded-lg border border-[#E6E6E6] dark:border-[#272626] bg-white dark:bg-[#1E1E1E] hover:bg-gray-50 dark:hover:bg-[#2C2C2C] transition-colors",
+        children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ t.jsx("div", { className: "text-sm font-medium text-[#333333] dark:text-[#D8D8D8]", children: i.title }),
+          /* @__PURE__ */ t.jsx("div", { className: "text-xs text-[#666666] dark:text-[#A3A3A3] line-clamp-2", children: i.explain })
+        ] })
+      },
+      i.id
+    )) }) }) })
+  ] });
+};
+function Jr(e) {
+  return /* @__PURE__ */ t.jsx($e, { ...e, viewBox: "0 0 16 16", children: /* @__PURE__ */ t.jsxs(
+    "g",
+    {
+      id: "deading",
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd",
+      children: [
+        /* @__PURE__ */ t.jsx(
+          "circle",
+          {
+            id: "椭圆形",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            cx: "8",
+            cy: "3",
+            r: "1.375"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "circle",
+          {
+            id: "椭圆形备份-2",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            cx: "3",
+            cy: "5",
+            r: "1.375"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "circle",
+          {
+            id: "椭圆形备份-4",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            cx: "13",
+            cy: "5",
+            r: "1.375"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "circle",
+          {
+            id: "椭圆形备份",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            cx: "8",
+            cy: "13",
+            r: "1.375"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "circle",
+          {
+            id: "椭圆形备份-3",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            cx: "3",
+            cy: "11",
+            r: "1.375"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "circle",
+          {
+            id: "椭圆形备份-5",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            cx: "13",
+            cy: "11",
+            r: "1.375"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "path",
+          {
+            d: "M8.0070039,4.03345364 L8.0070039,8.50590493 L4.1923477,10.2855921",
+            id: "路径-13",
+            stroke: "currentColor",
+            strokeWidth: "1.25"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "line",
+          {
+            x1: "11.7924093",
+            y1: "8.47550067",
+            x2: "8",
+            y2: "10.2754456",
+            id: "路径-13备份",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            transform: "translate(9.8962, 9.3755) scale(-1, 1) translate(-9.8962, -9.3755)"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "path",
+          {
+            d: "M4.17568738,4.53038288 L6.65384701,3.54050563 M9.35480875,3.53987819 L11.7283558,4.49062879",
+            id: "形状",
+            stroke: "currentColor",
+            strokeWidth: "1.25"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "line",
+          {
+            x1: "3",
+            y1: "6.06946104",
+            x2: "3",
+            y2: "9.97988046",
+            id: "路径-14",
+            stroke: "currentColor",
+            strokeWidth: "1.25"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "line",
+          {
+            x1: "13",
+            y1: "6.06946104",
+            x2: "13",
+            y2: "9.97988046",
+            id: "路径-14备份",
+            stroke: "currentColor",
+            strokeWidth: "1.25"
+          }
+        )
+      ]
+    }
+  ) });
+}
+const Kr = ({
+  Detail: e,
+  ChunkData: s,
+  loading: n
+}) => {
+  const { t: o } = he(), [a, d] = T(!1), [c, f] = T([]), [i, m] = T("");
+  return U(() => {
+    e?.description && m(e?.description);
+  }, [e?.description]), U(() => {
+    if (s?.message_chunk)
+      try {
+        if (s.message_chunk.includes("&")) {
+          const u = s.message_chunk.split("&").filter(Boolean);
+          f(u);
+        } else
+          f([s.message_chunk]);
+      } catch (u) {
+        console.error("Failed to parse query data:", u);
+      }
+  }, [s?.message_chunk]), !s && !e ? null : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2 mb-3 w-full", children: [
+    /* @__PURE__ */ t.jsxs(
+      "button",
+      {
+        onClick: () => d((u) => !u),
+        className: "inline-flex items-center gap-2 px-2 py-1 rounded-xl transition-colors border border-[#E6E6E6] dark:border-[#272626]",
+        children: [
+          n ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(Oe, { className: "w-4 h-4 animate-spin text-[#1990FF]" }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999] italic", children: o(
+              `assistant.message.steps.${s?.chunk_type || e?.type}`
+            ) })
+          ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(Jr, { className: "w-4 h-4 text-[#38C200]" }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999]", children: o(
+              `assistant.message.steps.${s?.chunk_type || e?.type}`,
+              {
+                count: Number(c.length)
+              }
+            ) })
+          ] }),
+          a ? /* @__PURE__ */ t.jsx(_e, { className: "w-4 h-4" }) : /* @__PURE__ */ t.jsx(Ne, { className: "w-4 h-4" })
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ t.jsx("div", { className: "pl-2 border-l-2 border-[#e5e5e5] dark:border-[#4e4e56]", children: /* @__PURE__ */ t.jsx("div", { className: "text-[#8b8b8b] dark:text-[#a6a6a6] space-y-2", children: /* @__PURE__ */ t.jsxs("div", { className: "mb-4 space-y-3 text-xs", children: [
+      c?.map((u) => /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ t.jsxs("div", { className: "text-xs text-[#999999] dark:text-[#808080]", children: [
+        "- ",
+        u
+      ] }) }, u)),
+      i?.split(`
+`).map(
+        (u, y) => u.trim() && /* @__PURE__ */ t.jsx("p", { className: "text-sm", children: u }, y)
+      )
+    ] }) }) })
+  ] });
+}, Xr = ({ Detail: e, ChunkData: s, loading: n }) => {
+  const { t: o } = he(), [a, d] = T(!0), [c, f] = T("");
+  return U(() => {
+    e?.description && f(e?.description);
+  }, [e?.description]), U(() => {
+    s?.message_chunk && f(s?.message_chunk);
+  }, [s?.message_chunk, c]), !s && !e ? null : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2 mb-3 w-full", children: [
+    /* @__PURE__ */ t.jsxs(
+      "button",
+      {
+        onClick: () => d((i) => !i),
+        className: "inline-flex items-center gap-2 px-2 py-1 rounded-xl transition-colors border border-[#E6E6E6] dark:border-[#272626]",
+        children: [
+          n ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(Oe, { className: "w-4 h-4 animate-spin text-[#1990FF]" }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999] italic", children: o(`assistant.message.steps.${s?.chunk_type}`) })
+          ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(Nr, { className: "w-4 h-4 text-[#38C200]" }),
+            /* @__PURE__ */ t.jsx("span", { className: "text-xs text-[#999999]", children: o("assistant.message.steps.thoughtTime") })
+          ] }),
+          a ? /* @__PURE__ */ t.jsx(_e, { className: "w-4 h-4" }) : /* @__PURE__ */ t.jsx(Ne, { className: "w-4 h-4" })
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ t.jsx("div", { className: "pl-2 border-l-2 border-[#e5e5e5] dark:border-[#4e4e56]", children: /* @__PURE__ */ t.jsx("div", { className: "text-[#8b8b8b] dark:text-[#a6a6a6] space-y-2", children: c?.split(`
+`).map(
+      (i, m) => i.trim() && /* @__PURE__ */ t.jsx("p", { className: "text-sm", children: i }, m)
+    ) }) })
+  ] });
+}, Qr = Qe((e) => ({
+  synthesizeItem: null,
+  setSynthesizeItem: (s) => e({ synthesizeItem: s }),
+  uploadAttachments: [],
+  setUploadAttachments: (s) => e({ uploadAttachments: s })
+})), Hr = ["timedout", "error"], Zr = ({
+  id: e,
+  content: s,
+  question: n,
+  actionClassName: o,
+  actionIconSize: a,
+  copyButtonId: d,
+  onResend: c
+}) => {
+  const [f, i] = T(!1), [m, u] = T(!1), [y, g] = T(!1), [N, P] = T(!1), [$, _] = T(!1), k = Hr.includes(e), { synthesizeItem: F, setSynthesizeItem: Q } = Qr(), ee = async () => {
+    try {
+      await Rt(s), i(!0);
+      const M = setTimeout(() => {
+        i(!1), clearTimeout(M);
+      }, 2e3);
+    } catch (M) {
+      console.error("copy error:", M);
+    }
+  }, te = () => {
+    u(!m), g(!1);
+  }, H = () => {
+    g(!y), u(!1);
+  }, ne = async () => Q({ id: e, content: s }), v = () => {
+    if (c) {
+      _(!0), c();
+      const M = setTimeout(() => {
+        _(!1), clearTimeout(M);
+      }, 1e3);
+    }
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: de("flex items-center gap-1 mt-2", o), children: [
+    !k && /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        id: d,
+        onClick: ee,
+        className: "p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded-lg transition-colors",
+        children: f ? /* @__PURE__ */ t.jsx(
+          _t,
+          {
+            className: "w-4 h-4 text-[#38C200] dark:text-[#38C200]",
+            style: {
+              width: a,
+              height: a
+            }
+          }
+        ) : /* @__PURE__ */ t.jsx(
+          Nt,
+          {
+            className: "w-4 h-4 text-[#666666] dark:text-[#A3A3A3]",
+            style: {
+              width: a,
+              height: a
+            }
+          }
+        )
+      }
+    ),
+    !k && /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        onClick: te,
+        className: `p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded-lg transition-colors ${m ? "animate-shake" : ""}`,
+        children: /* @__PURE__ */ t.jsx(
+          Cr,
+          {
+            className: `w-4 h-4 ${m ? "text-[#1990FF] dark:text-[#1990FF]" : "text-[#666666] dark:text-[#A3A3A3]"}`,
+            style: {
+              width: a,
+              height: a
+            }
+          }
+        )
+      }
+    ),
+    !k && /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        onClick: H,
+        className: `p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded-lg transition-colors ${y ? "animate-shake" : ""}`,
+        children: /* @__PURE__ */ t.jsx(
+          Er,
+          {
+            className: `w-4 h-4 ${y ? "text-[#1990FF] dark:text-[#1990FF]" : "text-[#666666] dark:text-[#A3A3A3]"}`,
+            style: {
+              width: a,
+              height: a
+            }
+          }
+        )
+      }
+    ),
+    !k && /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        onClick: ne,
+        className: "p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded-lg transition-colors",
+        children: /* @__PURE__ */ t.jsx(
+          Rr,
+          {
+            className: `w-4 h-4 ${N || F?.id === e ? "text-[#1990FF] dark:text-[#1990FF]" : "text-[#666666] dark:text-[#A3A3A3]"}`,
+            style: {
+              width: a,
+              height: a
+            }
+          }
+        )
+      }
+    ) }),
+    n && /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        onClick: v,
+        className: `p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded-lg transition-colors ${$ ? "animate-spin" : ""}`,
+        children: /* @__PURE__ */ t.jsx(
+          Tr,
+          {
+            className: `w-4 h-4 ${$ ? "text-[#1990FF] dark:text-[#1990FF]" : "text-[#666666] dark:text-[#A3A3A3]"}`,
+            style: {
+              width: a,
+              height: a
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+function es({ suggestions: e, onSelect: s }) {
+  return !e || e.length === 0 ? null : /* @__PURE__ */ t.jsx("div", { className: "mt-4 flex flex-col gap-2", children: e.map((n, o) => /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      onClick: () => s(n),
+      className: "text-left inline-flex items-center px-3 py-1.5 rounded-full bg-white dark:bg-[#202126] border border-[#E4E5EF] dark:border-[#272626] text-sm text-[#666666] dark:text-[#A3A3A3] hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors w-fit max-w-full break-words whitespace-pre-wrap",
+      children: [
+        /* @__PURE__ */ t.jsx("span", { className: "break-all", children: n }),
+        /* @__PURE__ */ t.jsx(Sr, { className: "w-3 h-3 ml-1.5 shrink-0" })
+      ]
+    },
+    o
+  )) });
+}
+const ts = ({ textToCopy: e }) => {
+  const [s, n] = T(!1), o = async () => {
+    try {
+      await Rt(e), n(!0);
+      const a = setTimeout(() => {
+        n(!1), clearTimeout(a);
+      }, 2e3);
+    } catch (a) {
+      console.error("copy error:", a);
+    }
+  };
+  return /* @__PURE__ */ t.jsx(
+    "button",
+    {
+      className: "p-1 bg-gray-200 dark:bg-gray-700 rounded",
+      onClick: o,
+      children: s ? /* @__PURE__ */ t.jsx(_t, { className: "w-4 h-4 text-[#38C200] dark:text-[#38C200]" }) : /* @__PURE__ */ t.jsx(Nt, { className: "w-4 h-4 text-gray-600 dark:text-gray-300" })
+    }
+  );
+}, Tt = {
+  commands: async (e, s) => (console.log(`Mock command: ${e}`, s), { hits: { hits: [] } }),
+  invokeBackend: async (e, s) => {
+    console.log(`Mock invokeBackend: ${e}`, s);
+  }
+}, Je = Qe((e) => ({
+  currentAssistant: {},
+  assistantList: [],
+  currentService: { id: "mock-service-id" },
+  setAssistant: (s) => e({ currentAssistant: s })
+})), St = Xe.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ t.jsx(
+  "div",
+  {
+    ref: n,
+    className: de("relative inline-block", e),
+    ...s
+  }
+));
+St.displayName = "Popover";
+const At = Xe.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ t.jsx(
+  "div",
+  {
+    ref: n,
+    className: de("inline-block cursor-pointer", e),
+    ...s
+  }
+));
+At.displayName = "PopoverTrigger";
+const Ft = Xe.forwardRef(({ className: e, side: s = "bottom", ...n }, o) => /* @__PURE__ */ t.jsx(
+  "div",
+  {
+    ref: o,
+    className: de(
+      "absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+      {
+        "bottom-full mb-2": s === "top",
+        "top-full mt-2": s === "bottom",
+        "right-full mr-2": s === "left",
+        "left-full ml-2": s === "right"
+      },
+      e
+    ),
+    ...n
+  }
+));
+Ft.displayName = "PopoverContent";
+const rs = (e) => {
+  const { content: s, children: n, className: o } = e, [a, { setTrue: d, setFalse: c }] = Fr(!1);
+  return /* @__PURE__ */ t.jsxs(St, { children: [
+    /* @__PURE__ */ t.jsx(At, { onMouseOver: d, onMouseOut: c, children: n }),
+    /* @__PURE__ */ t.jsx(
+      Ft,
+      {
+        side: "top",
+        className: de(
+          "z-1000 p-2 rounded-md text-xs text-white bg-black/75 hidden",
+          {
+            block: a
+          },
+          o
+        ),
+        children: s
+      }
+    )
+  ] });
+}, Ot = ({ name: e, className: s, style: n, ...o }) => /* @__PURE__ */ t.jsx("svg", { className: `icon dark:drop-shadow-[0_0_6px_rgb(255,255,255)] ${s || ""}`, style: n, ...o, children: /* @__PURE__ */ t.jsx("use", { xlinkHref: `#${e}` }) }), ss = (e, s) => {
+  const n = new Array(e.length + s.length);
+  for (let o = 0; o < e.length; o++)
+    n[o] = e[o];
+  for (let o = 0; o < s.length; o++)
+    n[e.length + o] = s[o];
+  return n;
+}, ns = (e, s) => ({
+  classGroupId: e,
+  validator: s
+}), Pt = (e = /* @__PURE__ */ new Map(), s = null, n) => ({
+  nextPart: e,
+  validators: s,
+  classGroupId: n
+}), We = "-", xt = [], os = "arbitrary..", as = (e) => {
+  const s = ls(e), {
+    conflictingClassGroups: n,
+    conflictingClassGroupModifiers: o
+  } = e;
+  return {
+    getClassGroupId: (c) => {
+      if (c.startsWith("[") && c.endsWith("]"))
+        return is(c);
+      const f = c.split(We), i = f[0] === "" && f.length > 1 ? 1 : 0;
+      return It(f, i, s);
+    },
+    getConflictingClassGroupIds: (c, f) => {
+      if (f) {
+        const i = o[c], m = n[c];
+        return i ? m ? ss(m, i) : i : m || xt;
+      }
+      return n[c] || xt;
+    }
+  };
+}, It = (e, s, n) => {
+  if (e.length - s === 0)
+    return n.classGroupId;
+  const a = e[s], d = n.nextPart.get(a);
+  if (d) {
+    const m = It(e, s + 1, d);
+    if (m) return m;
+  }
+  const c = n.validators;
+  if (c === null)
+    return;
+  const f = s === 0 ? e.join(We) : e.slice(s).join(We), i = c.length;
+  for (let m = 0; m < i; m++) {
+    const u = c[m];
+    if (u.validator(f))
+      return u.classGroupId;
+  }
+}, is = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const s = e.slice(1, -1), n = s.indexOf(":"), o = s.slice(0, n);
+  return o ? os + o : void 0;
+})(), ls = (e) => {
+  const {
+    theme: s,
+    classGroups: n
+  } = e;
+  return cs(n, s);
+}, cs = (e, s) => {
+  const n = Pt();
+  for (const o in e) {
+    const a = e[o];
+    He(a, n, o, s);
+  }
+  return n;
+}, He = (e, s, n, o) => {
+  const a = e.length;
+  for (let d = 0; d < a; d++) {
+    const c = e[d];
+    ds(c, s, n, o);
+  }
+}, ds = (e, s, n, o) => {
+  if (typeof e == "string") {
+    us(e, s, n);
+    return;
+  }
+  if (typeof e == "function") {
+    fs(e, s, n, o);
+    return;
+  }
+  ms(e, s, n, o);
+}, us = (e, s, n) => {
+  const o = e === "" ? s : Lt(s, e);
+  o.classGroupId = n;
+}, fs = (e, s, n, o) => {
+  if (ps(e)) {
+    He(e(o), s, n, o);
+    return;
+  }
+  s.validators === null && (s.validators = []), s.validators.push(ns(n, e));
+}, ms = (e, s, n, o) => {
+  const a = Object.entries(e), d = a.length;
+  for (let c = 0; c < d; c++) {
+    const [f, i] = a[c];
+    He(i, Lt(s, f), n, o);
+  }
+}, Lt = (e, s) => {
+  let n = e;
+  const o = s.split(We), a = o.length;
+  for (let d = 0; d < a; d++) {
+    const c = o[d];
+    let f = n.nextPart.get(c);
+    f || (f = Pt(), n.nextPart.set(c, f)), n = f;
+  }
+  return n;
+}, ps = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, hs = (e) => {
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let s = 0, n = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
+  const a = (d, c) => {
+    n[d] = c, s++, s > e && (s = 0, o = n, n = /* @__PURE__ */ Object.create(null));
+  };
+  return {
+    get(d) {
+      let c = n[d];
+      if (c !== void 0)
+        return c;
+      if ((c = o[d]) !== void 0)
+        return a(d, c), c;
+    },
+    set(d, c) {
+      d in n ? n[d] = c : a(d, c);
+    }
+  };
+}, Ke = "!", gt = ":", xs = [], bt = (e, s, n, o, a) => ({
+  modifiers: e,
+  hasImportantModifier: s,
+  baseClassName: n,
+  maybePostfixModifierPosition: o,
+  isExternal: a
+}), gs = (e) => {
+  const {
+    prefix: s,
+    experimentalParseClassName: n
+  } = e;
+  let o = (a) => {
+    const d = [];
+    let c = 0, f = 0, i = 0, m;
+    const u = a.length;
+    for (let $ = 0; $ < u; $++) {
+      const _ = a[$];
+      if (c === 0 && f === 0) {
+        if (_ === gt) {
+          d.push(a.slice(i, $)), i = $ + 1;
+          continue;
+        }
+        if (_ === "/") {
+          m = $;
+          continue;
+        }
+      }
+      _ === "[" ? c++ : _ === "]" ? c-- : _ === "(" ? f++ : _ === ")" && f--;
+    }
+    const y = d.length === 0 ? a : a.slice(i);
+    let g = y, N = !1;
+    y.endsWith(Ke) ? (g = y.slice(0, -1), N = !0) : (
+      /**
+       * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
+       * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
+       */
+      y.startsWith(Ke) && (g = y.slice(1), N = !0)
+    );
+    const P = m && m > i ? m - i : void 0;
+    return bt(d, N, g, P);
+  };
+  if (s) {
+    const a = s + gt, d = o;
+    o = (c) => c.startsWith(a) ? d(c.slice(a.length)) : bt(xs, !1, c, void 0, !0);
+  }
+  if (n) {
+    const a = o;
+    o = (d) => n({
+      className: d,
+      parseClassName: a
+    });
+  }
+  return o;
+}, bs = (e) => {
+  const s = /* @__PURE__ */ new Map();
+  return e.orderSensitiveModifiers.forEach((n, o) => {
+    s.set(n, 1e6 + o);
+  }), (n) => {
+    const o = [];
+    let a = [];
+    for (let d = 0; d < n.length; d++) {
+      const c = n[d], f = c[0] === "[", i = s.has(c);
+      f || i ? (a.length > 0 && (a.sort(), o.push(...a), a = []), o.push(c)) : a.push(c);
+    }
+    return a.length > 0 && (a.sort(), o.push(...a)), o;
+  };
+}, ks = (e) => ({
+  cache: hs(e.cacheSize),
+  parseClassName: gs(e),
+  sortModifiers: bs(e),
+  ...as(e)
+}), ys = /\s+/, vs = (e, s) => {
+  const {
+    parseClassName: n,
+    getClassGroupId: o,
+    getConflictingClassGroupIds: a,
+    sortModifiers: d
+  } = s, c = [], f = e.trim().split(ys);
+  let i = "";
+  for (let m = f.length - 1; m >= 0; m -= 1) {
+    const u = f[m], {
+      isExternal: y,
+      modifiers: g,
+      hasImportantModifier: N,
+      baseClassName: P,
+      maybePostfixModifierPosition: $
+    } = n(u);
+    if (y) {
+      i = u + (i.length > 0 ? " " + i : i);
+      continue;
+    }
+    let _ = !!$, k = o(_ ? P.substring(0, $) : P);
+    if (!k) {
+      if (!_) {
+        i = u + (i.length > 0 ? " " + i : i);
+        continue;
+      }
+      if (k = o(P), !k) {
+        i = u + (i.length > 0 ? " " + i : i);
+        continue;
+      }
+      _ = !1;
+    }
+    const F = g.length === 0 ? "" : g.length === 1 ? g[0] : d(g).join(":"), Q = N ? F + Ke : F, ee = Q + k;
+    if (c.indexOf(ee) > -1)
+      continue;
+    c.push(ee);
+    const te = a(k, _);
+    for (let H = 0; H < te.length; ++H) {
+      const ne = te[H];
+      c.push(Q + ne);
+    }
+    i = u + (i.length > 0 ? " " + i : i);
+  }
+  return i;
+}, ws = (...e) => {
+  let s = 0, n, o, a = "";
+  for (; s < e.length; )
+    (n = e[s++]) && (o = Mt(n)) && (a && (a += " "), a += o);
+  return a;
+}, Mt = (e) => {
+  if (typeof e == "string")
+    return e;
+  let s, n = "";
+  for (let o = 0; o < e.length; o++)
+    e[o] && (s = Mt(e[o])) && (n && (n += " "), n += s);
+  return n;
+}, js = (e, ...s) => {
+  let n, o, a, d;
+  const c = (i) => {
+    const m = s.reduce((u, y) => y(u), e());
+    return n = ks(m), o = n.cache.get, a = n.cache.set, d = f, f(i);
+  }, f = (i) => {
+    const m = o(i);
+    if (m)
+      return m;
+    const u = vs(i, n);
+    return a(i, u), u;
+  };
+  return d = c, (...i) => d(ws(...i));
+}, _s = [], B = (e) => {
+  const s = (n) => n[e] || _s;
+  return s.isThemeGetter = !0, s;
+}, zt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Wt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ns = /^\d+\/\d+$/, Cs = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Es = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Rs = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ts = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ss = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, je = (e) => Ns.test(e), C = (e) => !!e && !Number.isNaN(Number(e)), pe = (e) => !!e && Number.isInteger(Number(e)), Ue = (e) => e.endsWith("%") && C(e.slice(0, -1)), ce = (e) => Cs.test(e), As = () => !0, Fs = (e) => (
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  Es.test(e) && !Rs.test(e)
+), $t = () => !1, Os = (e) => Ts.test(e), Ps = (e) => Ss.test(e), Is = (e) => !h(e) && !x(e), Ls = (e) => Ce(e, Gt, $t), h = (e) => zt.test(e), ye = (e) => Ce(e, qt, Fs), Ye = (e) => Ce(e, Bs, C), kt = (e) => Ce(e, Bt, $t), Ms = (e) => Ce(e, Vt, Ps), Me = (e) => Ce(e, Dt, Os), x = (e) => Wt.test(e), Fe = (e) => Ee(e, qt), zs = (e) => Ee(e, Vs), yt = (e) => Ee(e, Bt), Ws = (e) => Ee(e, Gt), $s = (e) => Ee(e, Vt), ze = (e) => Ee(e, Dt, !0), Ce = (e, s, n) => {
+  const o = zt.exec(e);
+  return o ? o[1] ? s(o[1]) : n(o[2]) : !1;
+}, Ee = (e, s, n = !1) => {
+  const o = Wt.exec(e);
+  return o ? o[1] ? s(o[1]) : n : !1;
+}, Bt = (e) => e === "position" || e === "percentage", Vt = (e) => e === "image" || e === "url", Gt = (e) => e === "length" || e === "size" || e === "bg-size", qt = (e) => e === "length", Bs = (e) => e === "number", Vs = (e) => e === "family-name", Dt = (e) => e === "shadow", Gs = () => {
+  const e = B("color"), s = B("font"), n = B("text"), o = B("font-weight"), a = B("tracking"), d = B("leading"), c = B("breakpoint"), f = B("container"), i = B("spacing"), m = B("radius"), u = B("shadow"), y = B("inset-shadow"), g = B("text-shadow"), N = B("drop-shadow"), P = B("blur"), $ = B("perspective"), _ = B("aspect"), k = B("ease"), F = B("animate"), Q = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], ee = () => [
+    "center",
+    "top",
+    "bottom",
+    "left",
+    "right",
+    "top-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-top",
+    "top-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-top",
+    "bottom-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-bottom",
+    "bottom-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-bottom"
+  ], te = () => [...ee(), x, h], H = () => ["auto", "hidden", "clip", "visible", "scroll"], ne = () => ["auto", "contain", "none"], v = () => [x, h, i], M = () => [je, "full", "auto", ...v()], ue = () => [pe, "none", "subgrid", x, h], Z = () => ["auto", {
+    span: ["full", pe, x, h]
+  }, pe, x, h], ae = () => [pe, "auto", x, h], V = () => ["auto", "min", "max", "fr", x, h], Y = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], I = () => ["auto", ...v()], J = () => [je, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...v()], b = () => [e, x, h], oe = () => [...ee(), yt, kt, {
+    position: [x, h]
+  }], xe = () => ["no-repeat", {
+    repeat: ["", "x", "y", "space", "round"]
+  }], re = () => ["auto", "cover", "contain", Ws, Ls, {
+    size: [x, h]
+  }], ie = () => [Ue, Fe, ye], z = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    "full",
+    m,
+    x,
+    h
+  ], q = () => ["", C, Fe, ye], fe = () => ["solid", "dashed", "dotted", "double"], me = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => [C, Ue, yt, kt], w = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    P,
+    x,
+    h
+  ], K = () => ["none", C, x, h], le = () => ["none", C, x, h], Re = () => [C, x, h], ge = () => [je, "full", ...v()];
+  return {
+    cacheSize: 500,
+    theme: {
+      animate: ["spin", "ping", "pulse", "bounce"],
+      aspect: ["video"],
+      blur: [ce],
+      breakpoint: [ce],
+      color: [As],
+      container: [ce],
+      "drop-shadow": [ce],
+      ease: ["in", "out", "in-out"],
+      font: [Is],
+      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
+      "inset-shadow": [ce],
+      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
+      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
+      radius: [ce],
+      shadow: [ce],
+      spacing: ["px", C],
+      text: [ce],
+      "text-shadow": [ce],
+      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
+    },
+    classGroups: {
+      // --------------
+      // --- Layout ---
+      // --------------
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", je, h, x, _]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       * @deprecated since Tailwind CSS v4.0.0
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [C, h, x, f]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": Q()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": Q()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Screen Reader Only
+       * @see https://tailwindcss.com/docs/display#screen-reader-only
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: te()
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: H()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": H()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": H()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: ne()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": ne()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": ne()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: M()
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": M()
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": M()
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: M()
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: M()
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: M()
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: M()
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: M()
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: M()
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: [pe, "auto", x, h]
+      }],
+      // ------------------------
+      // --- Flexbox and Grid ---
+      // ------------------------
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: [je, "full", "auto", f, ...v()]
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["nowrap", "wrap", "wrap-reverse"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: [C, je, "auto", "initial", "none", h]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: ["", C, x, h]
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: ["", C, x, h]
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: [pe, "first", "last", "none", x, h]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": ue()
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: Z()
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": ae()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": ae()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": ue()
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: Z()
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": ae()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": ae()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": V()
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": V()
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: v()
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": v()
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": v()
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: [...Y(), "normal"]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": [...G(), "normal"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", ...G()]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...Y()]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: [...G(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", ...G(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": Y()
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": [...G(), "baseline"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", ...G()]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: v()
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: v()
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: v()
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: v()
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: v()
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: v()
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: v()
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: v()
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: v()
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: I()
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: I()
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: I()
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: I()
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: I()
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: I()
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: I()
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: I()
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: I()
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x": [{
+        "space-x": v()
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y": [{
+        "space-y": v()
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // --------------
+      // --- Sizing ---
+      // --------------
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
+       */
+      size: [{
+        size: J()
+      }],
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: [f, "screen", ...J()]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [
+          f,
+          "screen",
+          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "none",
+          ...J()
+        ]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [
+          f,
+          "screen",
+          "none",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "prose",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          {
+            screen: [c]
+          },
+          ...J()
+        ]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: ["screen", "lh", ...J()]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": ["screen", "lh", "none", ...J()]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": ["screen", "lh", ...J()]
+      }],
+      // ------------------
+      // --- Typography ---
+      // ------------------
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", n, Fe, ye]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: [o, x, Ye]
+      }],
+      /**
+       * Font Stretch
+       * @see https://tailwindcss.com/docs/font-stretch
+       */
+      "font-stretch": [{
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ue, h]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [zs, h, s]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: [a, x, h]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": [C, "none", x, Ye]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: [
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          d,
+          ...v()
+        ]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", x, h]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["disc", "decimal", "none", x, h]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://v3.tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: b()
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: b()
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [...fe(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: [C, "from-font", "auto", x, ye]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: b()
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": [C, "auto", x, h]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: v()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", x, h]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Overflow Wrap
+       * @see https://tailwindcss.com/docs/overflow-wrap
+       */
+      wrap: [{
+        wrap: ["break-word", "anywhere", "normal"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", x, h]
+      }],
+      // -------------------
+      // --- Backgrounds ---
+      // -------------------
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: oe()
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: xe()
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: re()
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          linear: [{
+            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+          }, pe, x, h],
+          radial: ["", x, h],
+          conic: [pe, x, h]
+        }, $s, Ms]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: b()
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: ie()
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: ie()
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: ie()
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: b()
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: b()
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: b()
+      }],
+      // ---------------
+      // --- Borders ---
+      // ---------------
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: z()
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": z()
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": z()
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": z()
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": z()
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": z()
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": z()
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": z()
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": z()
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": z()
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": z()
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": z()
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": z()
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": z()
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": z()
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: q()
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": q()
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": q()
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": q()
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": q()
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": q()
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": q()
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": q()
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": q()
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x": [{
+        "divide-x": q()
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y": [{
+        "divide-y": q()
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...fe(), "hidden", "none"]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
+       */
+      "divide-style": [{
+        divide: [...fe(), "hidden", "none"]
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: b()
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": b()
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": b()
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": b()
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": b()
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": b()
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": b()
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": b()
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": b()
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: b()
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: [...fe(), "none", "hidden"]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [C, x, h]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: ["", C, Fe, ye]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: b()
+      }],
+      // ---------------
+      // --- Effects ---
+      // ---------------
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          u,
+          ze,
+          Me
+        ]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
+       */
+      "shadow-color": [{
+        shadow: b()
+      }],
+      /**
+       * Inset Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
+       */
+      "inset-shadow": [{
+        "inset-shadow": ["none", y, ze, Me]
+      }],
+      /**
+       * Inset Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
+       */
+      "inset-shadow-color": [{
+        "inset-shadow": b()
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
+       */
+      "ring-w": [{
+        ring: q()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
+       */
+      "ring-color": [{
+        ring: b()
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://v3.tailwindcss.com/docs/ring-offset-width
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-w": [{
+        "ring-offset": [C, ye]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://v3.tailwindcss.com/docs/ring-offset-color
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-color": [{
+        "ring-offset": b()
+      }],
+      /**
+       * Inset Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
+       */
+      "inset-ring-w": [{
+        "inset-ring": q()
+      }],
+      /**
+       * Inset Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
+       */
+      "inset-ring-color": [{
+        "inset-ring": b()
+      }],
+      /**
+       * Text Shadow
+       * @see https://tailwindcss.com/docs/text-shadow
+       */
+      "text-shadow": [{
+        "text-shadow": ["none", g, ze, Me]
+      }],
+      /**
+       * Text Shadow Color
+       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
+       */
+      "text-shadow-color": [{
+        "text-shadow": b()
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [C, x, h]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...me(), "plus-darker", "plus-lighter"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": me()
+      }],
+      /**
+       * Mask Clip
+       * @see https://tailwindcss.com/docs/mask-clip
+       */
+      "mask-clip": [{
+        "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
+      }, "mask-no-clip"],
+      /**
+       * Mask Composite
+       * @see https://tailwindcss.com/docs/mask-composite
+       */
+      "mask-composite": [{
+        mask: ["add", "subtract", "intersect", "exclude"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image-linear-pos": [{
+        "mask-linear": [C]
+      }],
+      "mask-image-linear-from-pos": [{
+        "mask-linear-from": O()
+      }],
+      "mask-image-linear-to-pos": [{
+        "mask-linear-to": O()
+      }],
+      "mask-image-linear-from-color": [{
+        "mask-linear-from": b()
+      }],
+      "mask-image-linear-to-color": [{
+        "mask-linear-to": b()
+      }],
+      "mask-image-t-from-pos": [{
+        "mask-t-from": O()
+      }],
+      "mask-image-t-to-pos": [{
+        "mask-t-to": O()
+      }],
+      "mask-image-t-from-color": [{
+        "mask-t-from": b()
+      }],
+      "mask-image-t-to-color": [{
+        "mask-t-to": b()
+      }],
+      "mask-image-r-from-pos": [{
+        "mask-r-from": O()
+      }],
+      "mask-image-r-to-pos": [{
+        "mask-r-to": O()
+      }],
+      "mask-image-r-from-color": [{
+        "mask-r-from": b()
+      }],
+      "mask-image-r-to-color": [{
+        "mask-r-to": b()
+      }],
+      "mask-image-b-from-pos": [{
+        "mask-b-from": O()
+      }],
+      "mask-image-b-to-pos": [{
+        "mask-b-to": O()
+      }],
+      "mask-image-b-from-color": [{
+        "mask-b-from": b()
+      }],
+      "mask-image-b-to-color": [{
+        "mask-b-to": b()
+      }],
+      "mask-image-l-from-pos": [{
+        "mask-l-from": O()
+      }],
+      "mask-image-l-to-pos": [{
+        "mask-l-to": O()
+      }],
+      "mask-image-l-from-color": [{
+        "mask-l-from": b()
+      }],
+      "mask-image-l-to-color": [{
+        "mask-l-to": b()
+      }],
+      "mask-image-x-from-pos": [{
+        "mask-x-from": O()
+      }],
+      "mask-image-x-to-pos": [{
+        "mask-x-to": O()
+      }],
+      "mask-image-x-from-color": [{
+        "mask-x-from": b()
+      }],
+      "mask-image-x-to-color": [{
+        "mask-x-to": b()
+      }],
+      "mask-image-y-from-pos": [{
+        "mask-y-from": O()
+      }],
+      "mask-image-y-to-pos": [{
+        "mask-y-to": O()
+      }],
+      "mask-image-y-from-color": [{
+        "mask-y-from": b()
+      }],
+      "mask-image-y-to-color": [{
+        "mask-y-to": b()
+      }],
+      "mask-image-radial": [{
+        "mask-radial": [x, h]
+      }],
+      "mask-image-radial-from-pos": [{
+        "mask-radial-from": O()
+      }],
+      "mask-image-radial-to-pos": [{
+        "mask-radial-to": O()
+      }],
+      "mask-image-radial-from-color": [{
+        "mask-radial-from": b()
+      }],
+      "mask-image-radial-to-color": [{
+        "mask-radial-to": b()
+      }],
+      "mask-image-radial-shape": [{
+        "mask-radial": ["circle", "ellipse"]
+      }],
+      "mask-image-radial-size": [{
+        "mask-radial": [{
+          closest: ["side", "corner"],
+          farthest: ["side", "corner"]
+        }]
+      }],
+      "mask-image-radial-pos": [{
+        "mask-radial-at": ee()
+      }],
+      "mask-image-conic-pos": [{
+        "mask-conic": [C]
+      }],
+      "mask-image-conic-from-pos": [{
+        "mask-conic-from": O()
+      }],
+      "mask-image-conic-to-pos": [{
+        "mask-conic-to": O()
+      }],
+      "mask-image-conic-from-color": [{
+        "mask-conic-from": b()
+      }],
+      "mask-image-conic-to-color": [{
+        "mask-conic-to": b()
+      }],
+      /**
+       * Mask Mode
+       * @see https://tailwindcss.com/docs/mask-mode
+       */
+      "mask-mode": [{
+        mask: ["alpha", "luminance", "match"]
+      }],
+      /**
+       * Mask Origin
+       * @see https://tailwindcss.com/docs/mask-origin
+       */
+      "mask-origin": [{
+        "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
+      }],
+      /**
+       * Mask Position
+       * @see https://tailwindcss.com/docs/mask-position
+       */
+      "mask-position": [{
+        mask: oe()
+      }],
+      /**
+       * Mask Repeat
+       * @see https://tailwindcss.com/docs/mask-repeat
+       */
+      "mask-repeat": [{
+        mask: xe()
+      }],
+      /**
+       * Mask Size
+       * @see https://tailwindcss.com/docs/mask-size
+       */
+      "mask-size": [{
+        mask: re()
+      }],
+      /**
+       * Mask Type
+       * @see https://tailwindcss.com/docs/mask-type
+       */
+      "mask-type": [{
+        "mask-type": ["alpha", "luminance"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image": [{
+        mask: ["none", x, h]
+      }],
+      // ---------------
+      // --- Filters ---
+      // ---------------
+      /**
+       * Filter
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          x,
+          h
+        ]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: w()
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [C, x, h]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [C, x, h]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          N,
+          ze,
+          Me
+        ]
+      }],
+      /**
+       * Drop Shadow Color
+       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
+       */
+      "drop-shadow-color": [{
+        "drop-shadow": b()
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: ["", C, x, h]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [C, x, h]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: ["", C, x, h]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [C, x, h]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: ["", C, x, h]
+      }],
+      /**
+       * Backdrop Filter
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          x,
+          h
+        ]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": w()
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [C, x, h]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [C, x, h]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": ["", C, x, h]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [C, x, h]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": ["", C, x, h]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [C, x, h]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [C, x, h]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": ["", C, x, h]
+      }],
+      // --------------
+      // --- Tables ---
+      // --------------
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": v()
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": v()
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": v()
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // ---------------------------------
+      // --- Transitions and Animation ---
+      // ---------------------------------
+      /**
+       * Transition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", x, h]
+      }],
+      /**
+       * Transition Behavior
+       * @see https://tailwindcss.com/docs/transition-behavior
+       */
+      "transition-behavior": [{
+        transition: ["normal", "discrete"]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: [C, "initial", x, h]
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "initial", k, x, h]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: [C, x, h]
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", F, x, h]
+      }],
+      // ------------------
+      // --- Transforms ---
+      // ------------------
+      /**
+       * Backface Visibility
+       * @see https://tailwindcss.com/docs/backface-visibility
+       */
+      backface: [{
+        backface: ["hidden", "visible"]
+      }],
+      /**
+       * Perspective
+       * @see https://tailwindcss.com/docs/perspective
+       */
+      perspective: [{
+        perspective: [$, x, h]
+      }],
+      /**
+       * Perspective Origin
+       * @see https://tailwindcss.com/docs/perspective-origin
+       */
+      "perspective-origin": [{
+        "perspective-origin": te()
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: K()
+      }],
+      /**
+       * Rotate X
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-x": [{
+        "rotate-x": K()
+      }],
+      /**
+       * Rotate Y
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-y": [{
+        "rotate-y": K()
+      }],
+      /**
+       * Rotate Z
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-z": [{
+        "rotate-z": K()
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: le()
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": le()
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": le()
+      }],
+      /**
+       * Scale Z
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-z": [{
+        "scale-z": le()
+      }],
+      /**
+       * Scale 3D
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-3d": ["scale-3d"],
+      /**
+       * Skew
+       * @see https://tailwindcss.com/docs/skew
+       */
+      skew: [{
+        skew: Re()
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": Re()
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": Re()
+      }],
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: [x, h, "", "none", "gpu", "cpu"]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: te()
+      }],
+      /**
+       * Transform Style
+       * @see https://tailwindcss.com/docs/transform-style
+       */
+      "transform-style": [{
+        transform: ["3d", "flat"]
+      }],
+      /**
+       * Translate
+       * @see https://tailwindcss.com/docs/translate
+       */
+      translate: [{
+        translate: ge()
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": ge()
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": ge()
+      }],
+      /**
+       * Translate Z
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-z": [{
+        "translate-z": ge()
+      }],
+      /**
+       * Translate None
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-none": ["translate-none"],
+      // ---------------------
+      // --- Interactivity ---
+      // ---------------------
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: b()
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: b()
+      }],
+      /**
+       * Color Scheme
+       * @see https://tailwindcss.com/docs/color-scheme
+       */
+      "color-scheme": [{
+        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
+      }],
+      /**
+       * Cursor
+       * @see https://tailwindcss.com/docs/cursor
+       */
+      cursor: [{
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", x, h]
+      }],
+      /**
+       * Field Sizing
+       * @see https://tailwindcss.com/docs/field-sizing
+       */
+      "field-sizing": [{
+        "field-sizing": ["fixed", "content"]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["auto", "none"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "", "y", "x"]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": v()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": v()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": v()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": v()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": v()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": v()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": v()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": v()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": v()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": v()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": v()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": v()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": v()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": v()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": v()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": v()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": v()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": v()
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      /**
+       * Touch Action X
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      /**
+       * Touch Action Y
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      /**
+       * Touch Action Pinch Zoom
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-pz": ["touch-pinch-zoom"],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", x, h]
+      }],
+      // -----------
+      // --- SVG ---
+      // -----------
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: ["none", ...b()]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [C, Fe, ye, Ye]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: ["none", ...b()]
+      }],
+      // ---------------------
+      // --- Accessibility ---
+      // ---------------------
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      translate: ["translate-x", "translate-y", "translate-none"],
+      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    },
+    orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
+  };
+}, qs = /* @__PURE__ */ js(Gs), Ds = (e) => {
+  const { path: s, className: n } = e, [o, a] = T("");
+  return U(() => {
+    Tt.invokeBackend("get_file_icon", { path: s }).then((d) => {
+      d && a(d);
+    });
+  }, [s]), /* @__PURE__ */ t.jsx(Ot, { name: o, className: qs("min-w-8 h-8", n) });
+}, Us = (e) => {
+  const {
+    id: s,
+    name: n,
+    path: o,
+    extname: a,
+    size: d,
+    uploaded: c,
+    attachmentId: f,
+    uploadFailed: i,
+    failedMessage: m,
+    deletable: u,
+    onDelete: y
+  } = e, { t: g } = he();
+  return /* @__PURE__ */ t.jsx("div", { className: "w-1/3 px-1", children: /* @__PURE__ */ t.jsxs("div", { className: "relative group flex items-center gap-1 p-1 rounded-[4px] bg-[#dedede] dark:bg-[#202126]", children: [
+    (i || f) && u && /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: "absolute flex justify-center items-center size-[14px] bg-red-600 top-0 right-0 rounded-full cursor-pointer translate-x-[5px] -translate-y-[5px] transition opacity-0 group-hover:opacity-100 ",
+        onClick: () => {
+          y?.(s);
+        },
+        children: /* @__PURE__ */ t.jsx(Ar, { className: "size-[10px] text-white" })
+      }
+    ),
+    /* @__PURE__ */ t.jsx(Ds, { path: o }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col justify-between overflow-hidden", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "truncate text-sm text-[#333333] dark:text-[#D8D8D8]", children: n }),
+      /* @__PURE__ */ t.jsx("div", { className: "text-xs", children: i && m ? /* @__PURE__ */ t.jsx(rs, { content: m, children: /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "Upload Failed" }) }) : /* @__PURE__ */ t.jsx("div", { className: "text-[#999]", children: c ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2", children: [
+        a && /* @__PURE__ */ t.jsx("span", { children: a }),
+        /* @__PURE__ */ t.jsx("span", { children: Gr(d) })
+      ] }) : /* @__PURE__ */ t.jsx("span", { children: g("assistant.fileList.uploading") }) }) })
+    ] })
+  ] }) }, s);
+}, Ys = Qe(() => ({
+  addError: (e) => console.error(e)
+})), Js = (e) => {
+  const { message: s, attachments: n } = e, [o, a] = T(!1), { currentService: d } = Je(), [c, f] = T([]), { addError: i } = Ys(), m = (u) => {
+    if (typeof window < "u" && typeof document < "u") {
+      const y = window.getSelection(), g = document.createRange();
+      if (u.currentTarget && y && g)
+        try {
+          g.selectNodeContents(u.currentTarget), y.removeAllRanges(), y.addRange(g);
+        } catch (N) {
+          console.error("Selection failed:", N);
+        }
+    }
+  };
+  return Or(async () => {
+    try {
+      if (n.length === 0) return;
+      const u = await Tt.commands(
+        "get_attachment_by_ids",
+        {
+          serverId: d.id,
+          attachments: n
+        }
+      );
+      f(u?.hits?.hits);
+    } catch (u) {
+      i(String(u));
+    }
+  }, [n]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    s && /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: "flex gap-1 items-center justify-end",
+        onMouseEnter: () => a(!0),
+        onMouseLeave: () => a(!1),
+        children: [
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: de("size-6 transition", {
+                "opacity-0": !o
+              }),
+              children: /* @__PURE__ */ t.jsx(ts, { textToCopy: s })
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: "max-w-[85%] overflow-auto text-left px-3 py-2 bg-white dark:bg-[#202126] rounded-xl border border-black/12 dark:border-black/15 font-normal text-sm text-[#333333] dark:text-[#D8D8D8] cursor-pointer user-select-text whitespace-pre-wrap",
+              onDoubleClick: m,
+              children: s
+            }
+          )
+        ]
+      }
+    ),
+    c && /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: de("flex justify-end flex-wrap gap-y-2 w-full", {
+          "mt-3": s
+        }),
+        children: c.map((u) => {
+          const { id: y, name: g, size: N, icon: P } = u._source;
+          return /* @__PURE__ */ xr(
+            Us,
+            {
+              ...u._source,
+              key: y,
+              uploading: !1,
+              uploaded: !0,
+              id: y,
+              extname: P,
+              attachmentId: y,
+              name: g,
+              path: g,
+              size: N,
+              deletable: !1
+            }
+          );
+        })
+      }
+    )
+  ] });
+};
+function Ks() {
+  const [e, s] = T(), [n, o] = T(), [a, d] = T(), [c, f] = T(), [i, m] = T(), [u, y] = T(), [g, N] = T(), P = {
+    deal_query_intent: ke((_) => {
+      s((k) => k ? {
+        ...k,
+        message_chunk: (k.message_chunk || "") + (_.message_chunk || "")
+      } : _);
+    }, []),
+    deal_tools: ke((_) => {
+      o((k) => k ? {
+        ...k,
+        message_chunk: (k.message_chunk || "") + (_.message_chunk || "")
+      } : _);
+    }, []),
+    deal_fetch_source: ke((_) => {
+      d((k) => k ? {
+        ...k,
+        message_chunk: (k.message_chunk || "") + (_.message_chunk || "")
+      } : _);
+    }, []),
+    deal_pick_source: ke((_) => {
+      f((k) => k ? {
+        ...k,
+        message_chunk: (k.message_chunk || "") + (_.message_chunk || "")
+      } : _);
+    }, []),
+    deal_deep_read: ke((_) => {
+      m((k) => k ? {
+        ...k,
+        message_chunk: (k.message_chunk || "") + "&" + (_.message_chunk || "")
+      } : _);
+    }, []),
+    deal_think: ke((_) => {
+      y((k) => k ? {
+        ...k,
+        message_chunk: (k.message_chunk || "") + (_.message_chunk || "")
+      } : _);
+    }, []),
+    deal_response: ke((_) => {
+      N((k) => k ? {
+        ...k,
+        message_chunk: (k.message_chunk || "") + (_.message_chunk || "")
+      } : _);
+    }, [])
+  };
+  return {
+    data: {
+      query_intent: e,
+      tools: n,
+      fetch_source: a,
+      pick_source: c,
+      deep_read: i,
+      think: u,
+      response: g
+    },
+    handlers: P,
+    clearAllChunkData: () => new Promise((_) => {
+      s(void 0), o(void 0), d(void 0), f(void 0), m(void 0), y(void 0), N(void 0), setTimeout(_, 0);
+    })
+  };
+}
+function Xs(e) {
+  if (e)
+    return e === "light" ? "light" : e === "dark" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+const Qs = wt(jt(function({
+  message: s,
+  isTyping: n,
+  onResend: o,
+  hide_assistant: a = !1,
+  rootClassName: d,
+  actionClassName: c,
+  actionIconSize: f,
+  copyButtonId: i,
+  formatUrl: m,
+  theme: u,
+  locale: y
+}, g) {
+  const { t: N, i18n: P } = he(), $ = Xs(u), _ = Je((w) => w.currentAssistant), k = Je((w) => w.assistantList), [F, Q] = T({}), {
+    data: {
+      query_intent: ee,
+      tools: te,
+      fetch_source: H,
+      pick_source: ne,
+      deep_read: v,
+      think: M,
+      response: ue
+    },
+    handlers: Z,
+    clearAllChunkData: ae
+  } = Ks(), [V, Y] = T({
+    query_intent: !1,
+    tools: !1,
+    fetch_source: !1,
+    pick_source: !1,
+    deep_read: !1,
+    think: !1,
+    response: !1
+  }), G = gr(!1);
+  br(g, () => ({
+    addChunk: (w) => {
+      if (Y(() => ({
+        query_intent: !1,
+        tools: !1,
+        fetch_source: !1,
+        pick_source: !1,
+        deep_read: !1,
+        think: !1,
+        response: !1,
+        [w.chunk_type || ""]: !0
+      })), w.chunk_type === "query_intent")
+        Z.deal_query_intent(w);
+      else if (w.chunk_type === "tools")
+        Z.deal_tools(w);
+      else if (w.chunk_type === "fetch_source")
+        Z.deal_fetch_source(w);
+      else if (w.chunk_type === "pick_source")
+        Z.deal_pick_source(w);
+      else if (w.chunk_type === "deep_read")
+        Z.deal_deep_read(w);
+      else if (w.chunk_type === "think")
+        Z.deal_think(w);
+      else if (w.chunk_type === "response") {
+        const K = w.message_chunk;
+        if (typeof K == "string") {
+          if (K.includes("<think>") || K.includes("<think>")) {
+            G.current = !0;
+            return;
+          } else if (K.includes("</think>") || K.includes("</think>")) {
+            G.current = !1;
+            return;
+          }
+          G.current ? Z.deal_think({ ...w, chunk_type: "think" }) : Z.deal_response(w);
+        }
+      }
+    },
+    reset: () => {
+      ae(), Y({
+        query_intent: !1,
+        tools: !1,
+        fetch_source: !1,
+        pick_source: !1,
+        deep_read: !1,
+        think: !1,
+        response: !1
+      }), G.current = !1;
+    }
+  }));
+  const I = s?._source?.type === "assistant", J = s?._source?.assistant_id, b = s?._source?.assistant_item;
+  U(() => {
+    y && P.language !== y && P.changeLanguage(y);
+  }, [y, P]), U(() => {
+    if (b) {
+      Q(b);
+      return;
+    }
+    if (I && J && Array.isArray(k)) {
+      Q(
+        k.find((w) => w._id === J) ?? {}
+      );
+      return;
+    }
+    Q(_);
+  }, [
+    I,
+    b,
+    J,
+    k,
+    _
+  ]);
+  const oe = s?._source?.message || "", xe = s?._source?.attachments ?? [], re = s?._source?.details || [], ie = s?._source?.question || "", z = n === !1 && (oe || ue?.message_chunk), [q, fe] = T([]), me = (w) => {
+    fe(w);
+  }, O = () => I ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      $r,
+      {
+        Detail: re.find((w) => w.type === "query_intent"),
+        ChunkData: ee,
+        getSuggestion: me,
+        loading: V?.query_intent
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      Br,
+      {
+        Detail: re.find((w) => w.type === "tools"),
+        ChunkData: te,
+        loading: V?.tools
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      Dr,
+      {
+        Detail: re.find((w) => w.type === "fetch_source"),
+        ChunkData: H,
+        loading: V?.fetch_source,
+        formatUrl: m
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      Yr,
+      {
+        Detail: re.find((w) => w.type === "pick_source"),
+        ChunkData: ne,
+        loading: V?.pick_source
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      Kr,
+      {
+        Detail: re.find((w) => w.type === "deep_read"),
+        ChunkData: v,
+        loading: V?.deep_read
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      Xr,
+      {
+        Detail: re.find((w) => w.type === "think"),
+        ChunkData: M,
+        loading: V?.think
+      }
+    ),
+    /* @__PURE__ */ t.jsx(Ct, { content: oe || ue?.message_chunk || "" }),
+    n && /* @__PURE__ */ t.jsx("div", { className: "inline-block w-1.5 h-5 ml-0.5 -mb-0.5 bg-[#666666] dark:bg-[#A3A3A3] rounded-sm animate-typing" }),
+    z && /* @__PURE__ */ t.jsx(
+      Zr,
+      {
+        id: s._id ?? "",
+        content: oe || ue?.message_chunk || "",
+        question: ie,
+        actionClassName: c,
+        actionIconSize: f,
+        copyButtonId: i,
+        onResend: () => {
+          o && o(ie);
+        }
+      }
+    ),
+    !n && /* @__PURE__ */ t.jsx(
+      es,
+      {
+        suggestions: q,
+        onSelect: (w) => o && o(w)
+      }
+    )
+  ] }) : /* @__PURE__ */ t.jsx(Js, { message: oe, attachments: xe });
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: de(
+        "w-full py-8 flex",
+        [I ? "justify-start" : "justify-end"],
+        $ === "dark" && "dark",
+        d
+      ),
+      children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: `w-full px-4 flex gap-4 ${I ? "w-full" : "flex-row-reverse"}`,
+          children: /* @__PURE__ */ t.jsxs(
+            "div",
+            {
+              className: `w-full space-y-2 ${I ? "text-left" : "text-right"}`,
+              children: [
+                !a && /* @__PURE__ */ t.jsxs("div", { className: "w-full flex items-center gap-1 font-semibold text-sm text-[#333] dark:text-[#d8d8d8]", children: [
+                  I ? /* @__PURE__ */ t.jsx("div", { className: "w-6 h-6 flex justify-center items-center rounded-full bg-white border border-[#E6E6E6]", children: F?._source?.icon?.startsWith("font_") ? /* @__PURE__ */ t.jsx(
+                    Ot,
+                    {
+                      name: F._source.icon,
+                      className: "w-4 h-4"
+                    }
+                  ) : /* @__PURE__ */ t.jsx(
+                    "img",
+                    {
+                      src: zr,
+                      className: "w-4 h-4",
+                      alt: N("assistant.message.logo")
+                    }
+                  ) }) : null,
+                  I ? F?._source?.name || "Coco AI" : ""
+                ] }),
+                /* @__PURE__ */ t.jsx("div", { className: "w-full prose dark:prose-invert prose-sm max-w-none", children: /* @__PURE__ */ t.jsx("div", { className: "w-full pl-7 text-[#333] dark:text-[#d8d8d8] leading-relaxed", children: O() }) })
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+})), an = wt(jt((e, s) => /* @__PURE__ */ t.jsx(yr, { i18n: Et, children: /* @__PURE__ */ t.jsx(Qs, { ...e, ref: s }) })));
+export {
+  an as ChatMessage
+};